@FitzMack profile picture
Maciek Fitzner @FitzMack

A mad cartoonist dabbling in webdev. An enthusiast of pure CSS and SVG animation.

Joined December 2022
  • Tweets 420
  • Following 37
  • Followers 35
158 Photos and videos
After spending much of the past 2 yrs learning shaders I revisited an idea I'd had for ages: a 3D engine - in pure CSS. Divs serving as faces & trigonometry to cut them to shape & put them in place realtime shading. All parsed from actual 3D files. Demo: codepen.io/MackFitz/full/zxB…
0:14
1
25
Another webGL demo & for this 1 I've doubled down on on an area I'd barely touched b4: 2D domain distortion. The image near the cursor gets twisted, bloated or sucked in. You choose. Try the live demo on @CodePen codepen.io/MackFitz/pen/KwVm…
33
Inspired by @jonkantner via @amit_sheen I tried to recreate the grid-based spinning serpentine animation - in @webGL Live demo on @CodePen : codepen.io/MackFitz/pen/PwZN…
1
2
36
Here's the original by @jonkantner on @CodePen codepen.io/jkantner/pen/WbrN… I tried to emulate it but not copy it 1:1. My spiral is different & so are the exact hues. Didn't even peek at the code for calcs. I just wanted to experiment with webGL & this was the PERFECT inspiration!😍

Tiled Swirl

A grid of tiles affected by swirl-shaped waves. Based on a [GIF](https://x.com/beesandbombs/status/1951056875874848958) by Dave Whyte....

codepen.io
1
21
This is @amit_sheen's absolute CSS magic demo on @CodePen codepen.io/amit_sheen/full/P… Likewise, I did not look into the code - & seriously have NO idea how this was possible. A grid-based spiral in CSS? Like... HOW? I know what I would use but that's not in CSS yet (if ever)

CSS Swirl

...

codepen.io
34
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/zxv…
0:12
1
86
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/yyYN…
1
28
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/Pwqa…
1
1
38
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)

Amit Sheen@amit_sheen
27 May 2025
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 inwards. 🔗 Live demo on @CodePen: codepen.io/amit_sheen/full/X…
0:12
1
2
68
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/jEEo… #raymarching
51
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/NPWB…
1
1
4
528
In my #webGL journey since last yr I mostly did spheres, cylinders, cones, tori & all the things that were hard/impossible in #css - but my❤️for polyhedra was merely giving me a break. But it's back, baby! Crystaline & spiky! Live demo on @CodePen codepen.io/MackFitz/pen/JojX…
1
1
3
111
Shoutout to my buddy @softwaretogo - the one who got me into this raymarching madness & whose work both inspired & helped me tackle some technical challenges in this demo with his pen: codepen.io/atzedent/pen/eYKP…

Just Ice

Noise gives the impression of ice. ...

codepen.io
26
#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/vEBP…
1
3
65
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/gbYo…
2
48
Maciek Fitzner retweeted
comicss@comi_CSS
6 Jan 2025
New cartoon: :where(.wolf) comicss.art/comics/171/ #css #cartoon #werewolf
Cartoon of a werewolf titled :where(.wolf). A cute drawing wolf wearing pants and saying something in CSS code

ALT Cartoon of a werewolf titled :where(.wolf). A cute drawing wolf wearing pants and saying something in CSS code

3
3
10
332
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/raB…
1
47
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/XJrr…
2
4
9
2,572
"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/vYob… #autumnwithxyz #blameAtze
49
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/Yzm…
43
Load more