Maciek Fitzner
@FitzMack
A mad cartoonist dabbling in webdev. An enthusiast of pure CSS and SVG animation.
I'm on a roll! Here's a dreamy, undulating wave - made with pure #CSS. No complex calcs, either, just a surprisingly convincing trickery using the blur filter. Live demo on @CodePen codepen.io/MackFitz/full/…
What goes around, comes around. After a year of learning webGL shaders I did something CSS-only. Live demo on @CodePen codepen.io/MackFitz/pen/y…
My descent into #webGL madness continues & my newest sums up how my brain feels: it's magnificent torture, bringing it ever closer to melting down completely ;) Strangely enough, the CPU & GPU seem to handle this 1 just fine. Live demo on @CodePen : codepen.io/MackFitz/pen/P…
Ouch! My eyes! My brain!😵💫But I'm a masochist, so not only did I stare at it until I understood what's happening - I redid the whole thing in webGL fragment shader: shadertoy.com/view/tcV3DK Press Space to switch (you might need to click on the demo window 1st for it to react)
Inspired by @AkiyoshiKitaoka, I made this pure #CSS, interactive, single div (well, single checkbox) optical illusion. There are only straight lines here, but they look like they're bulging outwards. Clicking the square changes the effect so that the lines appear to be slanting…
Can't drive? Doesn't matter when you're a little #LEGO dude! I made a little driver sim in webGL fragment shader. Give it a whirl - no matter if you're a WASD person or ← ↑→ type. Live demo on @CodePen codepen.io/MackFitz/pen/j… #raymarching
Converted my #webGL animation to #webgpu! Added music🎵& some adjustable settings: you can turn off some CPU-hogging details, switch between shader languages on the fly, etc. Live demo on @CodePen: codepen.io/MackFitz/pen/N…
#webGL seems to have really given me wings & with #raymarching the sky is the limit! But may I not fly too close to the sun☀️ In any case, here's my newest #code #animation: little eagle🦅with BEAK ego! Live demo on @CodePen : codepen.io/MackFitz/pen/v…
Had enough sugar this xmas? 🍰Sick of it?🍬No?🥮Well, here's some candy so sweet🤤it's UNREAL!😵💫 Just a figment of my hungry imagination, brought to life in 3D with #webGL #raymarching. Live demo🍭on @CodePen : codepen.io/MackFitz/pen/g…
New cartoon: :where(.wolf) comicss.art/comics/171/ #css #cartoon #werewolf
My new #webGL #raymarching animation: a journey through dark halls of an endless chapel. A good metaphor of how fragment shaders still make me feel: amazed, lost & terrified🥶But I keep pushing onwards! Live demo on @CodePen codepen.io/MackFitz/full/…
The creators of original #worms game (1995) were interviewed recently by @onaretrotip The game was a big part of my teens & the cutscenes - a HUGE artistic inspiration. This is my homage: interactive webGL/raymarching 3D animation. Live demo on @codepen: codepen.io/MackFitz/pen/X…
"There goes the sun... Doo doo doo doo..."🎶It's November & it's gray & I'm sad. So I'm sitting here, making my own little manic, spiky-haired ball of light - with #webGL #raymarching Live demo on @codepen codepen.io/MackFitz/pen/v… #autumnwithxyz #blameAtze
Again, I'm late to the #halloween party on @CodePen - but it's here: this yrs #JackOLantern🎃! & this time it's not #css! It's #webGL fragment shader - the craziest way to do 3D that @softwaretogo tricked me into!👺Undead demo: codepen.io/MackFitz/full/…
My annual code-based #JackOLantern is here!🎃But this time it's not #css! It's done using webGL-based #glsl #raymarching - which I'm learning now. Wreaking carnage & blasphemy. Blame @softwaretogo! Undead demo on @Shadertoy: shadertoy.com/view/M3jfDd Happy #halloween2024
New @Shadertoy entry: shadertoy.com/view/M3fBWB Still confused about the more complex things going on, like shadeing, but I'm getting a hang of how geometry works in GLSL shaders. Haven't touched CSS in months tho - & I blame @softwaretogo :P
Woot!🥳My latest pen - yet another in a series of 3D #css-only sine waves: codepen.io/MackFitz/pen/X… - got featured on @CodePen Spark. Thank you! Makes me wanna jump right back in & work on another 1 - but this week it's about webGL shaders, using Python in freeCAD, & some JS
I made a 3D #css-only landscape of sand dunes - a view mesmerizing whether it's day or night. Live demo on @CodePen : codepen.io/MackFitz/pen/X… But careful watching it on Chrome, the desert might scorch your CPU - & fire foxes don't bite
Some random fun with @bfl_ml's #flux. Always❤️'d #wuzzles. So behold - my own animal #mashup: A ribbit.
