TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

CSS 3D Clouds

294 pointsby pawannitjover 12 years ago

25 comments

mmastracover 12 years ago
Great demo and presentation.<p>This is apparently based on the WebGL clouds demo, which is equally as amazing: <a href="http://mrdoob.com/131/Clouds" rel="nofollow">http://mrdoob.com/131/Clouds</a>
mistercowover 12 years ago
As 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.
评论 #5193943 未加载
评论 #5195301 未加载
评论 #5193438 未加载
endianswapover 12 years ago
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).
评论 #5193606 未加载
rolleiflexover 12 years ago
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.
shmageggyover 12 years ago
Hmm, 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.
评论 #5194146 未加载
评论 #5193709 未加载
评论 #5193934 未加载
评论 #5194106 未加载
评论 #5194035 未加载
rasurover 12 years ago
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!
评论 #5193889 未加载
chewxyover 12 years ago
I 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.
评论 #5197081 未加载
blowskiover 12 years ago
Amazing demos. Are there any real-world applications using something like this?
Johnyma22over 12 years ago
Look great but the title "CSS 3D Clouds" is not truthful.
评论 #5193400 未加载
United857over 12 years ago
Looks great -- only tweak would be to add proper depth sorting to avoid the "popping" effect (more visible with the darker textures).
rwanghackerover 12 years ago
If the explosion micheal bay effect happened in real time it would be sick
iwafflesover 12 years ago
This is very well done. I especially love the Michael Bay option.
jstalinover 12 years ago
Awesome on chrome on Ubuntu 64-bit, buggy and slow on Firefox.
zopticityover 12 years ago
This is really awesome! Add it to twitter bootstrap for kicks!
PhilipAover 12 years ago
It is simply amazing, also the speed is quite good!
alexsb92over 12 years ago
It seems that if I get all the options to "a lot" I get at least one or two clouds replaced by a white box icon. I imagine it's not loading them properly?
评论 #5195803 未加载
drstewartover 12 years ago
The speed is excellent -- really smooth.
darkstalkerover 12 years ago
Very slow on Firefox 18.0.2, linux
compilercreatorover 12 years ago
Works great on my blackberry z10.
chiiover 12 years ago
it does look pretty good. I m quite amazed such a technique is doable via css
jpinkerton88over 12 years ago
Love the Michael Bay
omnitjover 12 years ago
speed is very good compare to WebGL
webbruceover 12 years ago
WOW
yeonhoyoonover 12 years ago
this is seriously cool.
camusover 12 years ago
the cloud animation could use a little bit of easing. It looks a bit choppy right now on mouse move.