Holobox: A CSS 3D cube that reacts to device orientation

Sorry to sound negative but I never understand why if someone goes to the bother of making something like this. Why they can't provide a checkbox to allow users on a desktop (without gyroscopes) to interact via mouse and see the effect.

Re: Holobox: A CSS 3D cube that reacts to device orientation

#7

Post by hakim » Thu, Apr 14, 2011, 3:09 PM UTC

mcdaid wrote: post #6

Sorry to sound negative but I never understand why if someone goes to the bother of making something like this. Why they can't provide a checkbox to allow users on a desktop (without gyroscopes) to interact via mouse and see the effect.

There's no checkbox but it does use mouse events when visited on desktop browsers. Requires a webkit browser with support for CSS 3D transforms though.

Re: Holobox: A CSS 3D cube that reacts to device orientation

#8

Post by giberson » Thu, Apr 14, 2011, 3:46 PM UTC

FYI, this doesn't appear to be working on my generation 1 iPhone.

Re: Holobox: A CSS 3D cube that reacts to device orientation

#9

Post by kilian » Thu, Apr 14, 2011, 4:07 PM UTC

Very cool tech demo, however inversing the up/down transformation would make it feel proper 3d, as in that the box "remains the same" while you move your iPad, giving the illusion that it's in the iPad.

Re: Holobox: A CSS 3D cube that reacts to device orientation

#10

Post by tga » Thu, Apr 14, 2011, 5:24 PM UTC

Since this works only on such a small subset of runtimes (it only manages to slow down my Android browser), you might as well write in ActiveX and slap a HTML5 doctype to it.

Kudos on the hackery, don't get me wrong, I'm all for taking devices where they weren't meant to go. My issue is with a world where this kind of fragmented support will again become common, just when we were starting to have a grip on actual standards.