CSS 3D Clouds

It impresses me what an effective technique it is!

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.

[1] http://www.inframez.com/events_volclouds_slide18.htm

Have some properly-3D WebGL jellyfish to make up for it — http://chrysaora.com/

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.

[1] http://banjokazooie.wikia.com/wiki/Mumbo_Token

No issue here; I'm running Chrome 24.0.1312.57 on 64 bit Linux

24.0.1312.69 on 64-bit Arch linux here. It all works super.

ATI?

Chromium 24.0.1312.56 on Mint w/out an issue.

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).

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.

The N4 is the fastest phone I've ever owned. 4 cores running @ 1.7Ghz + a GPU. Stunning performance.

How do you figure? The point is that the 3D is achieved using CSS instead of WebGL. It's not pure CSS, but it's CSS where it counts.

It's probably because you turned on the "box" setting. To you know, render boxes. It's the bottom setting in the Texture list.