# How to flow texture?

**URL:** <https://forum.babylonjs.com/t/how-to-flow-texture/48487>\
**Category:** Questions\
**Created:** [March 4, 2024, 10:57am UTC](https://forum.babylonjs.com/t/how-to-flow-texture/48487 "2024-03-04T10:57:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![DWork](https://avatars.discourse-cdn.com/v4/letter/d/7993a0/32.png) [@DWork](https://forum.babylonjs.com/u/DWork)\
**Post date:** [March 4, 2024, 10:57am UTC](https://forum.babylonjs.com/t/how-to-flow-texture/48487/1 "2024-03-04T10:57:40Z")

</div>

Can texture achieve “flowing” effect with build-in properties? Rewriting shader was not easy for me 😅  
 ![tt](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/1/c/1caeb1d810853e4276d506e85f36808646a5c1c1.gif)

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\
**Post date:** [March 4, 2024, 11:04am UTC](https://forum.babylonjs.com/t/how-to-flow-texture/48487/2 "2024-03-04T11:04:49Z")

</div>

Let me try to do a quick sample…but it will be with nme. no other choice 😕

---

<div class="post-metadata">

**Author:** ![DWork](https://avatars.discourse-cdn.com/v4/letter/d/7993a0/32.png) [@DWork](https://forum.babylonjs.com/u/DWork)\
**Post date:** [March 4, 2024, 11:08am UTC](https://forum.babylonjs.com/t/how-to-flow-texture/48487/3 "2024-03-04T11:08:57Z")

</div>

Okay, thanks for your help 😄

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\
**Post date:** [March 4, 2024, 11:17am UTC](https://forum.babylonjs.com/t/how-to-flow-texture/48487/4 "2024-03-04T11:17:38Z")

</div>

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/5/b/5b78333c78b7d993f9b4572a666f2d89521ab5c7.png)

And the graph for that:

> **[Babylon.js Node Material Editor](https://nodematerial-editor.babylonjs.com/#6P33HY%231)**
>
> Babylon.js Node material editor - shader-based materials editor for Babylon.js

The idea is simple: make a wave animation with a cosinus and time. Multiply that value with the mask. And add the result to the original picture.

I suggest you to look at carefully at the graph to understand it. To do so, you can plug the output of every node to the fragment output.