I'm impressed that not only did this run on my Android phone in the stock browser, but that it was relatively smooth (hitching infrequently but for probably 300ms when it did).
There's a reason that this technique (prerendered sprites on camera-facing billboards) has been used for so many years, and continues to be used to this day. When you have an effect too intensive to be rendered in real time, prerendered billboards are a workaround that can often yield impressive results. Clouds and other pseudo-particle effects are a really common place to see them these days, but I remember first be…
CSS 3D Clouds
41–45 of 45 posts
I remember them from Super Mario 64. They used sprites do give the impression of high-poly spheres: http://i.imgur.com/59T0Kqj.jpg
Re: CSS 3D Clouds
#42I like how Michael Bay was an option. Also very surprised it works so well on my Nexus 4. Touch screen rotation is a bit weird tho, but wow.. no lag.
The N4 is the fastest phone I've ever owned. 4 cores running @ 1.7Ghz + a GPU. Stunning performance.
Re: CSS 3D Clouds
#43Very slow on Firefox 18.0.2, linux
Re: CSS 3D Clouds
#44Re: CSS 3D Clouds
#45Hmm, on Chrome 24.0.1312.69 on 64 bit Linux the depth effect is missing. When rotated, it looks like a picture of a cloud painted on an invisible wall. No problem in Firefox.
In Chrome type about:gpu in your URL bar, might give you some clues. (Then check out about:flags to see if there are any relevant options you can change).
You nailed it. GPU acceleration was disabled, so I enabled it in about:flags and restarted and it worked.