# Can our water do that

**URL:** <https://forum.babylonjs.com/t/can-our-water-do-that/38698>\
**Category:** Questions\
**Tags:** material\
**Created:** [March 3, 2023, 1:21am UTC](https://forum.babylonjs.com/t/can-our-water-do-that/38698 "2023-03-03T01:21:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![wudao](https://avatars.discourse-cdn.com/v4/letter/w/c77e96/32.png) [@wudao](https://forum.babylonjs.com/u/wudao)\
**Post date:** [March 3, 2023, 1:21am UTC](https://forum.babylonjs.com/t/can-our-water-do-that/38698/1 "2023-03-03T01:21:30Z")

</div>

Can our water do that

[https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/7/8/78f8f771a173827c8857cb5bc7af785348c97141.mp4](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/7/8/78f8f771a173827c8857cb5bc7af785348c97141.mp4)
  
 ![2023-03-03_092326](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/a/e/ae707778f50916b4b24af1caeb87a342d5e578fd.jpeg)  
 ![2023-03-03_092338](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/f/0/f01a3172427582f4b3b94357bb1bb93677b7ecd6.jpeg)

Our water always feels frosted glass

 ![423432](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/3/0/30eff2fb60ed644918134c2d9d6791866900d913.jpeg)

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [March 3, 2023, 8:33am UTC](https://forum.babylonjs.com/t/can-our-water-do-that/38698/2 "2023-03-03T08:33:11Z")

</div>

I guess you are using the ‘old’ water material here. It still works well for doing flat/still surface of water like a pond or a lake but there’s much better since NME.

Some people already created a base you could use, and fairly easily twist and tweak to your liking. You don’t need knowledge on how to write shaders but you need to understand a bit (quite a bit) about meshes, materials and nodes. Though thanks to the [node material editor](https://doc.babylonjs.com/toolsAndResources/nme), you can safely just try your luck and experience, starting by changing values, importing new textures, create new or remove nodes. There’s also plenty of videos and examples available [from the doc](https://doc.babylonjs.com/features/featuresDeepDive/materials/node_material/nodeMaterial) and this [forum post](https://forum.babylonjs.com/t/node-materials-examples/6048).

I would start by checking out the [ocean material demo](https://playground.babylonjs.com/#9B0DNU#36) and the [new water map](https://forum.babylonjs.com/t/dnf-map-nodematerial-post-process-water-normalmap/38495) that just came in lately (courtesy of @Lun). If you want to create shores, this version shader has already this part so I would probably start from there.

Else, I can easily imagine a water material shader created from this all-new [GLSL shader editor](https://forum.babylonjs.com/t/hybrid-graph-glsl-shader-editor-tech-preview-for-babylon/38531) from @andyray. The hybrid editor requires a bit of knowledge on how to write shaders but is very intuitive and has a lot to offer (although in beta).

Well, I hope you find these answers useful and do not hesitate to come back here to share your findings and the result with us. We are always in need of new ways and new design for this sort of thing.  
Meanwhile, have a great day 🕶

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [March 3, 2023, 8:36am UTC](https://forum.babylonjs.com/t/can-our-water-do-that/38698/3 "2023-03-03T08:36:59Z")

</div>

[Water material with normalmap animation - Demos and projects - Babylon.js (babylonjs.com)](https://forum.babylonjs.com/t/water-material-with-normalmap-animation/28360)

---

<div class="post-metadata">

**Author:** ![wudao](https://avatars.discourse-cdn.com/v4/letter/w/c77e96/32.png) [@wudao](https://forum.babylonjs.com/u/wudao)\
**Post date:** [March 3, 2023, 9:23am UTC](https://forum.babylonjs.com/t/can-our-water-do-that/38698/4 "2023-03-03T09:23:46Z")

</div>

Thanks

---

<div class="post-metadata">

**Author:** ![andyray](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/andyray/32/21767_2.png) [@andyray](https://forum.babylonjs.com/u/andyray)\
**Post date:** [March 3, 2023, 6:51pm UTC](https://forum.babylonjs.com/t/can-our-water-do-that/38698/5 "2023-03-03T18:51:41Z")

</div>

> Else, I can easily imagine a water material shader created from this all-new [GLSL shader editor](https://forum.babylonjs.com/t/hybrid-graph-glsl-shader-editor-tech-preview-for-babylon/38531) from @andyray.

This is great idea to add as a demo project. I’ll work on it as the next example
