Hacker news

  • Top
  • New
  • Past
  • Ask
  • Show
  • Jobs

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

80 points by rofko 5 days ago | 27 comments | View on ycombinator

madrox 5 days ago |

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.

Rohansi 5 days ago |

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

tomaytotomato 5 days ago |

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?

1taimoorkhan0 5 days ago |

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.

cush 5 days ago |

I give it 15 minutes before someone on here ports Doom

tajoma 5 days ago |

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

luckykiddie 4 days ago |

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

Panzerschrek 4 days ago |

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

tengbretson 4 days ago |

Is this inspired by the old famo.us work?

sgm1018 5 days ago |

wow thats cool

alinarashid1 5 days ago |

[flagged]