WebGL Water Simulation
August 16, 2011Evan Wallace
- http://madebyevan.com/
- Location:
- Providence, RI
Launch Experiment
Not working? This is a WebGL experiment, so try running it with Google Chrome.
From the Author:
A pool of water rendered with reflection, refraction, caustics, and ambient occlusion. The pool is simulated with a heightfield and contains a sphere that can interact with the water's surface.
This demo will only work on WebGL implementations with graphics cards that support floating point textures, screen-space partial derivatives, and vertex texture fetches. Google Chrome is currently the only browser that supports all of these.
Technology:
lightgl.js
Comments
wow! blub, blub,
Reply to this commentThis is harmful? some people are just retarded but hereditary keeps them going....but only for so long.
Reply to this commentthanks for use
Reply to this commenti need a dang WEBGL thing my computer sucks.
Reply to this commentSuper
Reply to this commenti have tried this on many different pc's and never had it work, i even just got a pc with a pciE grapix card and it still wont run.
Reply to this commentTry going to chrome://gpu maybe it will give you a hint if somethings wrong..
Reply to this commentA true masterpiece...its a pity everyone doesnt have a gpu..tho everyone deserves to have one, and soon everyone will
Reply to this commentyes they do? how else do you think they computer processes graphics
Reply to this commentI think he means "a gpu that can run this simulation," and he's right, because mine doesn't.
Teach me master !!
Reply to this commentI like it, good graphics and everything, however I think if you were to somehow add the stickyness of water to the sphere it would look more realistic.
Reply to this commentGreat work Evan - I bow humbly before thee.
Reply to this commentFirefox 10 - Mac OS X 10.7.3 works great. One of the most impresive experiments.
Reply to this commentcoolo!!!!
Reply to this commentwhich course did you take at college??
Reply to this commentAmazing creations, works brilliant on my ATI Radeon HD9650 + chrome
Reply to this commentDoes not work on Linux. I get the "no WebGL support" error even though it works perfectly on the same laptop in Windows 7.
Reply to this commentWorks perfectly on Chrome on openSUSE with the proprietary NVIDIA driver.
Reply to this commentIt works like a charm on linux too (using Chromium on Gentoo)
Reply to this commentYou have wrong / broken drivers for sure , the difference is that on linux the machine is useable even with broken drivers
Reply to this commentawesome! i made ice water.
Reply to this commentOverall it was nice...But i wanted to try something cool with it ad it didn't happened. Like i took the camera position to 90 degree and start moving the ball round and round, but it did't created any swirls in the water, it would be even more cool if it happens!
Reply to this commentWow! That _really_ is cool!
Reply to this commentMaster ChromeExperiment!
Reply to this commentjkljlkjk
Reply to this commentMy computer's video card driver crashed when I've stopped the Water rendering! I use windows 7 on a Laptop, so I think I'll not watch that impressive rendering.
Reply to this commenthappened something wrong with my google chrome it doesnt work what can i do?????
Reply to this commentXin tài về chrome
Reply to this commentWorks Great on i3 2330M HD Graphics 3000
Reply to this commentlink error: Shader@0x06F77BF0(264,15): warning X3206: implicit truncation of vector type. Vertex shader sampler count exceeds MAX_VERTEX_TEXTURE_IMAGE_UNITS (0).
Reply to this commentSame here! Help what do we do??
Reply to this commentWorks fine on Firefox Nightly (as of today at least), including all water shadows and effects. On linux you will probably need a newer build of mesa/gallium. By the way, when complaining remember to tell what environment you are using, not just the distribution, I for instance tested with X 1.10.4, 285.05.09-r1 nvidia binary (gtx 560 ti) at an amd64 no-multilib gentoo 3.1.0 without issues. No idea about nouveau. And be real, by this point anyone should know what to expect from graphics by Intel, specially the older GMA/extreme ones.
Reply to this commentOutstanding, played a while with this and don´t thought it´s possible to do this planar raytracing in glsl. Studied the code a while and thinks on subsurface scatering water plants and fishes in the tank.) However caustics are not displayed in Firefox 7.0.1. In google chrome all is ok.
Reply to this commentwooow amaazing !!!
Reply to this commentIf it doesn't work and caused by non-specific browser (no support by drivers or machine specs themselves) then the error should be filtered for specific reason, and not just using single advertising campaign of Your browser doesn't support WebGL - WTF ist that?
Reply to this commentAWESOME++
Reply to this commentDoesn't work in Ubuntu 11.10 with an Intel GM45 Express Chipset in Chrome.
Reply to this commentIs there some browser sniffing going on? Opera Next alpha, released today, works with WebGL however the demo suggests that I get chrome.
Reply to this commentOf course there is. Standard practice to get info about the user's browser/hardware. And in this case, it makes sense, since by their nature, Chrome experiments are most likely to work with Chrome, even if other browsers can support WebGL. It's still all very new.
Reply to this commentAmazing! Great work.
Reply to this commentничего не понятно как это установить
Reply to this commentafrik
Reply to this commentI have Chrome (Win. XP) and it says that "Your browser does not support WebGL" :S
Reply to this comment2x i have Chrome (Win. XP) and it says that "Your browser does not support WebGL" :S
Reply to this commentGo to chrome://flags and enable "Override software rendering list".
klidi,m3gtrr,mariaa16121982,
Reply to this commentI would like to know more about this
Reply to this commentsdcas
Reply to this commentThe is awesome. So awesome that my son wants to view more.
Reply to this commentDoesn't work in Chrome though :(
Reply to this commentif you have windows xp you need to add the tag "--ignore-gpu-blacklist" to the target in the shortcut, otherwise it works in the newest versions of chrome
Reply to this commentI have an ATI 5750 radeon graphics card and it works great
Reply to this commentDitto! Pretty inspiring for the times to come.
Reply to this commentAmazing!
Reply to this commentWell done! this is great!
Reply to this commento atuh segede bulan
Reply to this commentIt's a long way from PONG
Reply to this commentguys try the Gravity toggle. Liked the way the ball buoyed up, created ripples and then it oscillates up and down until the water damps down it's motion - it's all smooth.
Reply to this commentError :/
Reply to this commentOh, man, this isn't happening. It only thinks it's happening
Reply to this commentThis code needs to be awarded!!! mesmerizing
Reply to this commentI'm really impressed. I really love it, and I'm just 15 years old and I don't know anything about writing code!
Reply to this commentExceptional job. Really great :) Awesome :) Very impressive!!
Reply to this commentLots of Physics going here!
Reply to this commentDoesn't work on ChromeOS or Chromebook! Why does nothing here work on Chromebook or ChromeOS. Utterly confused.
Reply to this commentLooks great, only works for me in Firefox, Chrome doesn't render anything, shows no errors either. Win7 x64, fully updated, latest drivers, Chrome 14.0.835.159 beta-m
Reply to this commentYou need to wait a while to see the error: "undefined:undefined"
Reply to this commentIts using in desktop previously now m trying in mob.
Reply to this commentWorks ok on Firefox 6 running on Ubuntu 11.04, ATI Mobility Radeon 4250 with the open-source driver :D
Reply to this commentFICO
Reply to this commentWow..wonderful! Great Work!
Reply to this commentIt worked. even on my slower Mac. Thanks for blowing my mind! 8)
Reply to this commentA piece of advice: In firefox check about:support, sometimes simply updating your drivers will enable webgl and at the bottom of about:support the reason is explained why webgl isn't working.
Reply to this comment@aphrodite; naturally it's on par, because it has access to the same core (the gpu) nearly directly, unlike for example flash.
Reply to this comment不错！
Reply to this commentI have safari and chrome but it's not working on my computer. Might be because my computer is a dinosaur like my boyfriend says idk. I wish it did work on mine though. sounds really fun. Arrgh!
Reply to this commentYeah, I have chrome, why isn't it working?
Reply to this commentWow, nicely executed. Works on firefox and chrome on win7 x64 here. Well done!
Reply to this commentFantastic job. Showing the way to the future.
Reply to this commentwe need to know regarding this new program
Reply to this commentIncredible job!!
Reply to this commentFor some reason, it's not running on my computer (2011 MacBook Pro) in either Chrome or Safari. When I run it on other computers (including the exact same one in the store), it runs flawlessly. Everything on my computer is up-to-date. Any ideas on how to get it running?
Reply to this commenterror X4545 vs_2_0 target does not support texture lookups...=(
Reply to this commentI get an error, that it's too complex for my notebook to handle, so I can't enjoy this... :( Until I get to a bigger machine I hope. :D
Reply to this commentwooow
Reply to this commentNnndjjdndnnnnñnklmndjjdjdjdjdgjdjdjdjjdjnnxd
Reply to this commentamazingly realistic... however it doesn't look like the sphere acts as a ripple obstacle when partially submerged on the surface... however it is *freakingly* awesome! :) ... speed is just fine on my HP Touchsmart ... water ripples look frighteningly realistic! :)
Reply to this commentIt appears that nothing displays in Google Chrome, but works smoothly in Firefox 6
Reply to this commentWell done, works flawlessly on my machine, Firefox 6. Great stimulus for future WebGL creations.
Reply to this commentthis sucks
Reply to this commentThis runs really fast and well in Firefox 6 with the latest nVidia drivers!
Reply to this commentI have chrome, and it says my browser doenst support webgl.
Reply to this commentIts most likely your computer. not the browser. its the same with mine. its an older computer and it doesnt support webgl
Reply to this commentAmazing, great, very nice, beautiful, mast and jabardast
Reply to this commentGreat! Works flawlessly with Firefox 7b1 and GTX460 1GB. No matter what I do, there's not even a micro-stutter. Great work!
Reply to this commentSama, does not work on my machine either. Using Chrome and Quadro 4000.
Reply to this commentImpressive on my GTX 485M
Reply to this commentAmazing ! Works flawless in Chrome ! :Dnvidia 9500GT.
Reply to this commentvideo please!!! it seems awesome !
Reply to this commentSeems to work perfectly in Firefox 9 Nighlty, didnt test 8 or 7.
Reply to this commentvi chuong trinh nay chay rat nhanh
Reply to this commenttoi muon dung google chrome. Vi chuong trinh nay rat tien ich va nhanh hon chuong trinh google
Reply to this commentAmazing........
Reply to this commentExcellent work, fascinating simulation! You are not supposed to be able to do this in a browser. :)
Reply to this commentDoesn't work on my machine. Says my browser doesn't support WebGL. I am using the latest version of Chrome.
Reply to this commentIt says my browser does not support WebGL even though I am running Google Chrome.
Reply to this commentExcellent! Very good! But water does not react on ball moving under water.
Reply to this commentnot working on my computer... :(
Reply to this comment@bluescreen dude, I'm using Win7 on a laptop and it worked fine for me. Also, nice job.
Reply to this commentWow, Caused first bluescreen i've ever seen on Windows 7. Not bad. But the simulation didn't work.
Reply to this commentWorked flawlessly on a 2010 iMac.
Reply to this commentDid the same to me, but must say it was on a intel GMA x3100.
Reply to this commentImpressive!
Reply to this commentDoesn't work :( Shows up some link error :(
Reply to this commentI simply cannot say how amazing this is. The rendering is on par with any 3D software program and to think it's all done without Flash. 5 stars!
Reply to this commentAbsolutely gorgeous! Runs lightning fast on my machine.
Reply to this commentIt says caustics only work in chrome but they are working in safari 5 too.
Reply to this commentAwesome!! But I agree - so slow...
Reply to this commentGreat, one thing I noticed is that when you place the ball real high, it doesn't cause a real big splash. Otherwise: Awesome.
Reply to this commentimpressive !
Reply to this commentHey Evan! This is awesome dude! Good luck at Pixar :)
Reply to this commentThis is really amazing
Reply to this commentThat's awesome. It would be nice to be able to speed up the simulation, it's a little slow.
Reply to this commentAmazing job. :)
Reply to this commentAce!
Reply to this comment