This is very well done. I especially love the Michael Bay option.
CSS 3D Clouds
21–30 of 45 posts
Re: CSS 3D Clouds
#22I'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 being aware of them used for the Mumbo Tokens[1] in Banjo Kazooie on the N64.
Re: CSS 3D Clouds
#23Hmm, 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.
No issue here; I'm running Chrome 24.0.1312.57 on 64 bit Linux
Re: CSS 3D Clouds
#24I was expecting it to be a complete horror-show on my G5 mac, but it was actually really smooth (once it had settled down of course..). Really nice work. Well done!
How many G5 (or other PowerPC based Macs) are still out there, you think? I am working on an App, and debating whether to go through all the trouble to make it compatible with PPC architecture for the first release.
Re: CSS 3D Clouds
#25Hmm, 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.
24.0.1312.69 on 64-bit Arch linux here. It all works super.
Re: CSS 3D Clouds
#26As beautiful as this is, it still saddens me that the best we have for efficient cloud effects is drifting camera-facing billboards displaying pre-rendered poofs.
I recently read a paper: Volumetric Clouds and Mega Particles[1]. Here's a demo of it in action: http://www.youtube.com/watch?v=3QqD26SXWDc It looks to be somewhat better than billboards and cheap as well, though it does have some drawbacks.
Re: CSS 3D Clouds
#27Hmm, 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.
ATI?
Re: CSS 3D Clouds
#28Hmm, 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.
Chromium 24.0.1312.56 on Mint w/out an issue.
Re: CSS 3D Clouds
#29I was expecting it to be a complete horror-show on my G5 mac, but it was actually really smooth (once it had settled down of course..). Really nice work. Well done!
How many G5 (or other PowerPC based Macs) are still out there, you think? I am working on an App, and debating whether to go through all the trouble to make it compatible with PPC architecture for the first release.
I dropped PPC a few years ago and nobody has complained. Mind you this is scientific software, but it has a few thousand users around the world.
Re: CSS 3D Clouds
#30Hmm, 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).