Raytraced Water Simulation (WebGL)

2011/08/18 JeGX

WebGL, Water simulation

Update (2011.08.22): the latest update of Firefox 6 supports now the OES_texture_float extension.

Here is a cool WebGL demo that shows a water simulation with raytraced reflections and refraction. Currently this WebGL demo works only on Chrome because it requires the OES_texture_float WebGL extension. Fortunately for Firefox users (Firefox prior to 6 or other browsers that do not support the extension), the developer has youtubed his demo:

(Forum thread)

13 thoughts on “Raytraced Water Simulation (WebGL)”

Vojtech 2011/08/18 at 21:20

Very impressive!

dan 2011/08/18 at 23:20

Firefox 6.0 supports OES_texture_float WebGL extension – see here https://developer.mozilla.org/en/Firefox_6_for_developers#Other_changes_2

JEskandari 2011/08/19 at 02:03

well for me the demo seems to work on both
Firefox 6beta and also Firefox 7beta after
the update

Ahmad 2011/08/19 at 02:22

Working perfectly on Firefox Nightly.

spiked_mistborn 2011/08/19 at 04:51

Working fine for me too on Nightly with Cat 11.8 preview.

tayga 2011/08/19 at 14:45

works eh ok on FF6. caused a long (not responding) but loaded

FX 2011/08/19 at 15:46

https://bugzilla.mozilla.org/show_bug.cgi?id=630672

Firefox supports OES_texture_floats, can JEGX please correct this in the article?

Ahmad 2011/08/19 at 17:09

It does not work on IE9 because it does not support WebGL on Security reason excuses (lame). Also Chrome and Firefox uses same WebGL library for WebGL:
http://code.google.com/p/angleproject/
So if any demo works on Chrome, it will surely work on Firefox unless FF using older version.

Just clearing!!! No Offense!!

Lukas 2011/08/19 at 18:52

As far as i know chrome is the only browser that supports the OES_standard_derivatives extension. Safari and FF support OES_texture_float. That means Safari & firefox render something, but not the same as chrome. Tried to compare it and I’m pretty sure the caustics look way nicer in chrome.

Ahmad 2011/08/19 at 19:14

@Lukas
You are right.. In Chrome, demo looks more cooler than Firefox e.g; Chrome got lightening effects on ripples while Firefox does not have such thing.

Promilus 2011/08/22 at 23:39

Works on Ubuntu with Chromium too. All the effects.

Ruslan 2011/08/30 at 14:42

Video really lacks reflection/caustics on the sides when walls get culled. Also, physics of sinking ball is just painfully wrong.
In other regards, video is nice.

FX 2011/10/01 at 18:50

https://bugzilla.mozilla.org/show_bug.cgi?id=684853

Firefox 10.0 now supports OES_standard_derivatives extension.

Comments are closed.