Maciek Fitzner Profile
Maciek Fitzner

@FitzMack

Followers
37
Following
502
Media
153
Statuses
412

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

Poland
Joined December 2022
Don't wanna be here? Send us removal request.
@FitzMack
Maciek Fitzner
19 days
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
0
0
0
@FitzMack
Maciek Fitzner
24 days
What goes around, comes around. After a year of learning webGL shaders I did something CSS-only. Live demo on @CodePen
0
0
0
@FitzMack
Maciek Fitzner
2 months
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 :
0
1
1
@FitzMack
Maciek Fitzner
2 months
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: Press Space to switch (you might need to click on the demo window 1st for it to react).
@amit_sheen
Amit Sheen
2 months
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
0
0
1
@FitzMack
Maciek Fitzner
3 months
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 #raymarching
0
0
0
@FitzMack
Maciek Fitzner
5 months
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:
1
1
4
@FitzMack
Maciek Fitzner
6 months
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:
Tweet card summary image
codepen.io
Noise gives the impression of ice. ...
0
0
0
@FitzMack
Maciek Fitzner
6 months
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
1
1
3
@FitzMack
Maciek Fitzner
6 months
#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 :
0
1
3
@FitzMack
Maciek Fitzner
7 months
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 :
0
0
2
@FitzMack
Maciek Fitzner
7 months
RT @comi_CSS: New cartoon: :where(.wolf). #css #cartoon #werewolf
Tweet media one
0
3
0
@FitzMack
Maciek Fitzner
8 months
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
0
0
1
@FitzMack
Maciek Fitzner
9 months
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:
2
4
9
@FitzMack
Maciek Fitzner
9 months
"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 #autumnwithxyz #blameAtze
0
0
0
@FitzMack
Maciek Fitzner
9 months
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:
0
0
0
@FitzMack
Maciek Fitzner
9 months
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: Happy #halloween2024
0
1
2
@FitzMack
Maciek Fitzner
10 months
New @Shadertoy entry: 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
0
0
0
@FitzMack
Maciek Fitzner
1 year
Woot!🥳My latest pen - yet another in a series of 3D #css-only sine waves: - 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
0
0
2
@FitzMack
Maciek Fitzner
1 year
I made a 3D #css-only landscape of sand dunes - a view mesmerizing whether it's day or night. Live demo on @CodePen : But careful watching it on Chrome, the desert might scorch your CPU - & fire foxes don't bite
0
1
3
@FitzMack
Maciek Fitzner
1 year
Some random fun with @bfl_ml's #flux. Always❤️'d #wuzzles. So behold - my own animal #mashup:. A ribbit.
Tweet media one
0
0
1