New experiment: Sunset in Sea (http://hiteshsahu.com/Sea)

Demos and projects
1

Demo URL : Hitesh Sahu

I have optimized this experiment for Mobile devices. For full immersive experience use a desktop browser with speakers🎧

aas
aas.JPG1914×843 120 KB
asa
asa.JPG1239×600 68.3 KB
sea
sea.JPG1545×771 111 KB
sea2
sea2.JPG1455×719 69.5 KB

I Desktop have used ocean postprocessing & heightmap terrains to create a scene of sunset. For mobile, I have used Perlin Noise to create the ocean because of low frame rates with the shader. Use

6 Likes
2

Hey dude, this is awesome!

Did you use fast fourier transform for the ocean?
Runs pretty slow on desktop (not even fullscreen), I wonder whether it’s because of physics?
Can you share the code for the ocean shader and its implementation in Babylon? Would love to play with it. Should definitely be part of the Babylon shader library!

Cheers

3

Hi Max,

Ocean Shader is now available as Post processing

   // Create ocean post-process
    var oceanPostProcess = new BABYLON.OceanPostProcess("Ocean", camera);

But I found that this shader is not that smooth especially on Mobile devices. So I have used time-dependent 2D Perlin noise to mimic ocean waves for mobile devices.

4

Looks cool! I get 3 fps on a chromebook.