#Sun Reflection Effect

8 messages · Page 1 of 1 (latest)

golden stone
ivory spindle
#

I want to make like this.

golden stone
#

Well, as far as I know, if you wanna achieve that kind of effect, you need to:

  1. Implement a great shader for water,
  2. Put some particles into the water,
  3. Bloom them up by PostProcessing
    and animate it of course 😄
ivory spindle
#

Could you please provide me code example?

#

I am a three.js beginner

#

And I am very appreciate for your help

golden stone
#
  1. For the water implementation, you can look at these great examples here:
    three.js example: https://threejs.org/examples/webgl_shaders_ocean.html
    Realistic water shader GitHub: https://github.com/jbouny/ocean
    Another water shader: https://codepen.io/knoland/pen/XKxrJb
  2. For particles system, you can look at some examples from three.js: https://threejs.org/examples/?q=particle, or take a look the Particles tutorial of Bruno Simon over here: https://threejs-journey.com/lessons/particles
  3. And the Post Processing Blooming effect: https://threejs.org/examples/?q=bloom
GitHub

Realistic water shader for Three.js. Contribute to jbouny/ocean development by creating an account on GitHub.

Three.js Journey

The ultimate Three.js course whether you are a beginner or a more advanced developer