Sign in to follow this  

oTakhi Platform: Creating Realistic Water Surfaces

This topic is 1198 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

I'd like to share a tutorial on how to create realistic water surfaces using oTakhi Platform (Three.js).

 

This scene is generated using dynamic reflection, refraction, and depth mapping and a static normal map.

 

 

realwater-0.png   realwater-1.png

 

 

Elements used in this scene include:

  • skybox,
  • fog,
  • water shader that produces 12 randomly generated Gerstner waves,
  • dynamic reflection mapping,
  • dynamic refraction mapping,
  • dynamic depth mapping,
  • static normal mapping,
  • multi-layer material with glow mapping.

 

Hers is a video tutorial on how this scene was assembled in oTakhi Condenser.

 

https://www.youtube.com/watch?v=SzylWJExrwU

 

 

You can access all our previous tutorials here (may have to hit reload a few times):  

 

https://plus.google.com/114090903151589399287/posts

 

 

As always, your comments, critics, and feedback are welcome.

 

oTakhi Platform is a cloud-based HTML5 game engine and community that allows members to collaborate by sharing software components and apps.

Edited by mfdesigner

Share this post


Link to post
Share on other sites
Sign in to follow this