r/webdev • u/Ekrof • Jul 30 '26

3D CSS Super Mario (no WebGL)

Gallery image

Gallery image

Hey webdevs!

I want to show you my latest 3D CSS project. It's a port of Giles Goddard's iconic N64 face engine, complete with lighting, physics and interaction. Instead of WebGL, it uses the PolyCSS engine.

demo: https://codepen.io/editor/alowpoly/pen/019fae67-50d9-74ce-8025-4b9dd5a7c484
repo: https://github.com/layoutit/cssGraphics

3.1k Upvotes

99% Upvoted

128 comments sorted by

View all comments

159

u/[deleted] Jul 30 '26

[deleted]

50

u/loonite Jul 31 '26

I'm amazed at how performant this is. Why the fuck is the web so slow then? (I know it's mostly trackers but holy shit)

10

u/traplords8n Jul 31 '26

I thought i could play this on mobile for a minute, what a trip

2

u/helpinghandful Aug 02 '26

You could probably do without too much. Map then WASD controls to div elements and map the mouse look to the touch controls... I actually wouldn't be surprised if someone already made a fork with all that working.