Building a pure CSS 3D City

Re:Building a pure CSS 3D City by javanix on Tuesday July 12, 2011 @10:44AM (#2754883)

A lot of these CSS posts reference the performance gains realized from using CSS transforms as opposed to canvas because the transforms are hardware-accelerated.

How long will it be before canvas gets hardware-accelerated? Is there a technical hurdle that needs to be overcome in getting (for example) V8 to talk directly to GPUs?

[ Parent | on HN ]

Re:Building a pure CSS 3D City by Hovertruck on Tuesday July 12, 2011 @10:49AM (#2754899)

IE9 has hardware-accelerated canvas. It's a work-in-progress in most major browsers I believe.

[ Parent | on HN ]

Re:Building a pure CSS 3D City by ineedtosleep on Tuesday July 12, 2011 @11:46AM (#2755140)

Chrome also has a GPU-accelerated 2D canvas, but you have to enable it in the about:flags page.

[ Parent | on HN ]

Re:Building a pure CSS 3D City by pak on Tuesday July 12, 2011 @12:17PM (#2755293)

Canvas is still 2D though, so unless they develop a 3D drawingContext for canvas, you won't be able to do what's in this article with the same kind of hardware acceleration. With canvas you'd still need to run all your own poly drawing routines, while I imagine Webkit is able to take 3D CSS properties and map <div>'s straight to polys that render with hardware T&L pipelines. (Which makes me wonder, how the heck are they dealing with Z-order?)

[ Parent | on HN ]

Re:Building a pure CSS 3D City by timb on Tuesday July 12, 2011 @01:07PM (#2755473)

There already is a hardware accelerated 3D context that uses the canvas element... WebGL!

[ Parent | on HN ]

Re:Building a pure CSS 3D City by pak on Tuesday July 12, 2011 @01:27PM (#2755552)

Whoa, didn't realize WebGL used canvas. Cool.

[ Parent | on HN ]