CSS 3D Clouds

#1

Post by pawannitj » Sat, Feb 09, 2013, 5:00 PM UTC

CSS 3D Clouds
clicktorelease.com

Re: CSS 3D Clouds

#2

Post by mmastrac » Sat, Feb 09, 2013, 5:04 PM UTC

Great demo and presentation.

This is apparently based on the WebGL clouds demo, which is equally as amazing: http://mrdoob.com/131/Clouds

Re: CSS 3D Clouds

#3

Post by endianswap » Sat, Feb 09, 2013, 5:46 PM UTC

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

Re: CSS 3D Clouds

#4

Post by United857 » Sat, Feb 09, 2013, 5:56 PM UTC

Looks great -- only tweak would be to add proper depth sorting to avoid the "popping" effect (more visible with the darker textures).

Re: CSS 3D Clouds

#5

Post by rwanghacker » Sat, Feb 09, 2013, 6:00 PM UTC

If the explosion micheal bay effect happened in real time it would be sick

Re: CSS 3D Clouds

#6

Post by rolleiflex » Sat, Feb 09, 2013, 6:10 PM UTC

I remember seeing this a year ago. It's awesome how smooth it has become— last time I checked, it was choppy on my machine whereas now it's butter smooth. Browsers are sure improving rapidly these days.

Re: CSS 3D Clouds

#7

Post by rasur » Sat, Feb 09, 2013, 6:14 PM UTC

I 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!

Re: CSS 3D Clouds

#8

Post by camus » Sat, Feb 09, 2013, 6:15 PM UTC

the cloud animation could use a little bit of easing. It looks a bit choppy right now on mouse move.

Re: CSS 3D Clouds

#9

Post by zopticity » Sat, Feb 09, 2013, 6:15 PM UTC

This is really awesome! Add it to twitter bootstrap for kicks!

Re: CSS 3D Clouds

#10

Post by blowski » Sat, Feb 09, 2013, 6:20 PM UTC

Amazing demos. Are there any real-world applications using something like this?