Maciek Fitzner (@fitzmack) 's Twitter Profile
Maciek Fitzner

@fitzmack

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

ID: 1607732167873888256

calendar_today27-12-2022 13:40:04

389 Tweet

33 Followers

37 Following

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

I made a 3D #css-only landscape of sand dunes - a view mesmerizing whether it's day or night. Live demo on CodePen.IO : codepen.io/MackFitz/pen/X… But careful watching it on Chrome, the desert might scorch your CPU - & fire foxes don't bite

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

Woot!🥳My latest pen - yet another in a series of 3D #css-only sine waves: codepen.io/MackFitz/pen/X… - got featured on CodePen.IO 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

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

Again, I'm late to the #halloween party on CodePen.IO - 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/…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

"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

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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.IO codepen.io/MackFitz/full/…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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.IO : codepen.io/MackFitz/pen/g…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

#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.IO : codepen.io/MackFitz/pen/v…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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.IO: codepen.io/MackFitz/pen/N…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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.IO codepen.io/MackFitz/pen/j… #raymarching

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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)

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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.IO : codepen.io/MackFitz/pen/P…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

What goes around, comes around. After a year of learning webGL shaders I did something CSS-only. Live demo on CodePen.IO codepen.io/MackFitz/pen/y…

Maciek Fitzner (@fitzmack) 's Twitter Profile Photo

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.IO codepen.io/MackFitz/full/…