Web GL Ocean Simulation

#1

Post by clukic » Tue, Nov 26, 2013, 5:11 PM UTC

Re: Web GL Ocean Simulation

#2

Post by randomdrake » Tue, Nov 26, 2013, 5:35 PM UTC

The code is quite cool to look at. Love seeing the extensive use of matrices and mathematics to create such a beautiful and mesmerizing display.

If anyone is interested in playing around with it, I threw it up at JSFiddle here: http://jsfiddle.net/zyAzg/

Excellent demo.

Re: Web GL Ocean Simulation

#3

Post by bhouston » Tue, Nov 26, 2013, 5:36 PM UTC

Very nice and fully custom code too! The UI is really clean and fits nicely with the WebGL via CSS transforms I believe. Props to you.

BTW geistner waves reference here: http://http.developer.nvidia.com/GPUGems/gpugems_ch01.html

Re: Web GL Ocean Simulation

#4

Post by alan_cx » Tue, Nov 26, 2013, 5:37 PM UTC

Sorry if this is a dumb question, but how hard would it be to add a boat that realistically bobs up and down with the water?

Re: Web GL Ocean Simulation

#5

Post by thearn4 » Tue, Nov 26, 2013, 5:46 PM UTC

randomdrake wrote: post #2

The code is quite cool to look at. Love seeing the extensive use of matrices and mathematics to create such a beautiful and mesmerizing display. If anyone is interested in playing around with it, I threw it up at JSFiddle here: http://jsfiddle.net/zyAzg/ Excellent demo.

Great demo, well written code. Though reading through it also highlights that JS is not a great language for linear algebra. But I don't think anyone is really suggesting otherwise.

Re: Web GL Ocean Simulation

#6

Post by adamwong246 » Tue, Nov 26, 2013, 5:48 PM UTC

sheesh, all these great blogs... Mine looks like it was made by a middle schooler.

Re: Web GL Ocean Simulation

#7

Post by nickthemagicman » Tue, Nov 26, 2013, 5:50 PM UTC

That is really cool.

Is that some sort of fluctuating perlin noise?

Re: Web GL Ocean Simulation

#8

Post by Recoil42 » Tue, Nov 26, 2013, 5:50 PM UTC

alan_cx wrote: post #4

Sorry if this is a dumb question, but how hard would it be to add a boat that realistically bobs up and down with the water?

Really not hard at all, actually -- depending on how realistic you'd like it, of course.

Re: Web GL Ocean Simulation

#9

Post by nspragmatic » Tue, Nov 26, 2013, 5:51 PM UTC

> Your browser does not appear to support the required technologies.

It would've been nice to have an 'I don't care, proceed anyway' button. The check excludes Safari 7, which runs the demo just as well as Chrome.

http://jsfiddle.net/bYHfh

^ removes the hasWebGLSupport() invocation.

Very nice demo, though!

Re: Web GL Ocean Simulation

#10

Post by bhouston » Tue, Nov 26, 2013, 5:54 PM UTC

alan_cx wrote: post #4

Sorry if this is a dumb question, but how hard would it be to add a boat that realistically bobs up and down with the water?

Just calculate the boat's water displayment via some very approximate measure. Then use that to determine buoyancy relative to boat weight and just integrate that overtime and add some dampening to represent friction/inertia.

But there is a better way of doing interactive waves from a boat, wave particles:

http://www.cemyuksel.com/research/waveparticles/waveparticle...