Show HN: A CSS 3D Engine (no WebGL) (github.com)

I give it 15 minutes before someone on here ports Doom

But why not use WebGL? It's widely available, more efficient, and can render at a much higher quality.

https://polycss.com/gallery/?model=2843066616

https://threejs.org/examples/#webgl_animation_multiple

wow thats cool

Always thought it would be cool to make an RTS or simple city builder game in the browser.

Would you recommend this for hacking around or not?

This reminds me of the 3D maps in corru.observer, which also only used CSS transforms

[flagged]

Over a weekend about a decade ago, I toyed with making a Final Fantasy Tactics-like game in the browser using CSS for the renderer. I could not get it to work in the time I gave it. I realized too late I needed to make some abstractions and stop trying to manipulate CSS directly.

Which is a long way of saying I appreciate how challenging this probably was to figure out. I love stuff like this.

The per-polygon DOM events are what make this more than a trick. Getting click handlers on individual faces in WebGL means raycasting. Here it's just onClick. For certain use cases that's the whole argument.

It's cool. The performance is good but why not use WebGL, any reason?

Does it support per-pixel depth test? Or it just sorts polygons?

Is this inspired by the old famo.us work?