WebGL Water Simulation

[2323darklord]

nvidia gtx 260 very good framerate, runs just as fine with gravity enabled.

[zinkoffpoop]

now make this as big as a lake and put it into every 3d game ever and ya.....

[MrRenanwill]

Cool. Physics win.

[thedevo01]

Is this CPU or GPU based?

[Dark0Lord7]

Running on a GT220, very nice. There are some lag spikes tho... How do i deactivate anti-aliasing?

[weswizzle]

Glad to see the Matrix is coming along right on schedule.

[digerpaji]

Super epic...works flawless with intel core i7 on chip graphics cards

[wax78]

Really cool

[tomsofts]

Oh my god..

[spacemanspiff559]

I just saw the water effects on your website and wanted to come comment about it. That is amazing work you've created. I can't believe you managed to render that in actionscript.

[ultrafez]

@spacemanspiff559 It's written in JavaScript, not Actionscript.

[bartjoboy]

@spacemanspiff559 It's not actionscript. It pure WebGL + JavaScript.

[marcelkade]

incredible!

[grogmaninteractive]

O_O

[nickrowan]

What sorcery is this?!

[tempac91]

@nickrowan High-tech sorcery!

[JMFe95]

how long until they actually start using things like this for films and games?

[gumballvideo]

@JMFe95 this wouldnt be used in films, this is realtime, films are pre-rendered, games are realtime and i haven't seen a game with water like that, ever.

[xninjasFTWx]

absolutely incredible!

[6580006247]

tnx fagget but i have flash

[DarkStorm653]

@6580006247 flash is the slowest piece of crap. I'd like to see you render 4.1 million particles in flash at anything higher than 0.00000001 FPS

[DifferentKev]

This is so sick, saw it realtime on chromexperiments, but it's nice that it got a Video option.

I love, how nice the performance is - though dynamic water, Shadows, EVEN CAUSTICS.

[TechnoMulen]

will it blend ? 

[diegonimus]

Did you use Blender?.....

It can be develop with blender?

[bartjoboy]

@diegonimus No, it was done with WebGL. WebGL is a javascript API to render OpenGL graphics in your browser without the need of any plugins like Java or Flash.

[diegonimus]

@bartjoboy Yes I understand that....so my question is if you model this in blender, 3ds Max, Maya etc....and after you export it to webgl,....i mean can i display standard 3d like x3d, collada etc?....

[fernozzle]

@diegonimus No, WebGL is a programming API, not a 3D model file format.

It's sort of like a "vocabulary" that Javascript programmers can use to interact more directly to the graphics card to be able display crazy stuff like this.

My analogy is that Javascript is the language, WebGL is argot, and a 3D model file would be an object that can be described using such argot.

[diegonimus]

@fernozzle jmmmm....how can i explain?...I change my question...there is any 3D format importer/Viewer for Webgl?...I mean i model in blender i export to X3D/Collada/x etc...and display it via webgl...

[hehexzl]

KOOOOL

[VansSkully]

very nice now i want to be a web designer like this guy

[Mephiles602]

After seeing this, I could imagine seeing something like The Sims 3 or Portal 2 on the Web in five years time.

[Thet3]

this & molehill coming! The future f2p games better use them!

[fernandoestavillo]

Amazing.

[ZDevelopers]

your FPS is very low mine ran like butter on Chrome Canary not the usual chrome.

[xngiser]

太漂亮了。

[leobaby]

Now all it needs is waves from wind.

[Agret]

Looks good but ripples animate too fast on my PC can you add an FPS limiter? Thanks

[olivecronas]

If only the sphere could interact with all the water, not just the surface.

[abraxasnl]

Fucking awesome!

[BmikroB]

It's a great tech, but I assume there is an invalid behaviour of the sphere UNDER water... While I move it under the water line it doesn't affect the pool at all... IRL when you swim in the pool your movement affects the whole water even when you swim along the bottom... Correct me if I'm wrong...

Awesome fluid simulation anyway!

[abraxasnl]

@BmikroB right, and pausing the flow of water wouldn't happen IRL either... That's not the point!

[BmikroB]

@abraxasnl I know :) No offense on app, I just worried a bit about simulation))

[neocon70]

moar liek gay and fake time, AMIRITE??!!!

[ForeignMCCustomz]

@neocon70 Nope.

[Kirix]

pretty cool

[sleepysonic]

This is why chrome OS can work for gaming, eventually.

[daudert]

This is really good, but it doesn't look like the ball is displacing water. It looks more like the surface of the sphere is interacting in a limited sense to the surface of the water, which does act fairly convincingly...

I was looking for the water to ripple when you moved the ball under the surface.

[techpops]

@daudert my thoughts exactly. Perhaps "simulation" is a little misleading. It seems to have more in common with those java water reflection pictures and I'd not call those a simulation.

[GlassOchKola]

played around with it on the website, this is grate!!!

[FirebirdBeats]

This is REALTIME? O.O

[Kirwincom]

all that is missing is the residual water drip when the ball is removed completely! Very impressive!

[craigbarnes85]

@RobSellsTacos It's a technology demo showing what can be done with WebGL. Do you think you can score nerd points by nitpicking the work of people much smarter than yourself?

[RobSellsTacos]

@craigbarnes85 underwater haloball?

[techpops]

@craigbarnes85 As a webgl demo, it's great. I was just mislead by the title and expected a 3D simulation rather than a 2D one. The demo is 3d but the simulation is all in 2d on the surface of the water.

[RobSellsTacos]

underwater haloball

[UslennoX]

LaG

[invertedstyles]

Nice what program did you use? Was this rendered or is this in real time?

[Nolonar]

@invertedstyles It's realtime.

If you have a WebGL compatible browser (like Firefox or Chrome) you can run this too.

Just remove any spaces.

I'd like to give you the link, but Youtube won't let me post it...

It's on chromeexperiments. com (remove the spaces)

And it's called "WebGL Water Simulation"

[x4d1]

i am sorry guys, i did not read the description, i was sure it was filmed in real life, not in virtual,

thanks for flaming

heheheheheheh ,\,/,

[moptim]

whoa o_O

[IanLewis80]

And this is why Chrome is the currently the best web browser...

[flugonuts]

@IanLewis80 I think safari supports webGL as well.

[x4d1]

how did you capture pool from such an angle? is this special-build pool for filming?

[Yimi97]

@x4d1 What?

[snati4]

@x4d1 How stupid can you fucking be?

[mariofan055]

@snati4 snati, Y U NO LET IT BE?

[Sekenmedia]

@snati4 You mad bro?

[snati4]

@Sekenmedia no, and you misspelled "u mad bro?"

[Sekenmedia]

@snati4 the first utterance of "You mad" by Cam'ron was made into a meme using YOU MAD on his image. U MAD is of course the same exact thing, just spelled in shorthand. It does not matter what the spelling is, the same point is generated. On a meme such as "Y U NO ____" it's more common to see "U", while this particular meme you see it in both styles. You mad I spelled you "wrong"?

[snati4]

@Sekenmedia It really scares me how you go all aggro because you were trying to make the "u mad bro" picture with a trollface pop up in my mind and I corrected you, and it also really scares me how once I point that out you try and act sophisticated as fuck.

[Darkproducer]

@x4d1 That's a whole lot of stupid you're packin' over there...

[sawboards]

@x4d1 not sure if serious.

[BlindPuppeteer]

@x4d1 huh? are you serious?

[Jacolelantern]

@x4d1 Successful troll is successful.

[EKmanish]

@x4d1 

[Ayevee39]

@x4d1 Oh you.

[techpops]

@x4d1 he's using the new moses camera that parts water so you can film without getting the camera or yourself wet.

[HolyAvgr]

@x4d1 Idon't know if serious, but this is called Culling. Basically you are telling the graphics engine to NOT draw a texture when it is not pointing at the camera (based on the texture's Normal direction).

[Megikat]

@HolyAvgr Look at the second top comment.

[svitecek]

WoW...

[KeshnerfFilms]

What all did you use to make this? And I mean EVERYTHING.

[KeshnerfFilms]

Coolio :O

[maxineamon]

So cool - love to use this s/w

[angiela257]

This is pretty much amazing.