Hi there, I am looking to create an interaction similar to the splash page of this website: https://eatnonfood.com/ (Moving the cursor/clicking on the landing page causes ripples and distortion on an image). What methods in Babylon.JS might work for this? Maybe something to do with procedural tex…

Here is a shadertoy example : Shader - Shadertoy BETA You will need 2 render target textures. 1 used as the target, the other as the source. Then, for next frame, you swap betwen them. Check the code for ‘Buffer A’, it’s basically damper velocity and pressure. Pressure is added at cursor location. …

Interactive water texture

Questions

musk June 21, 2021, 2:05am 2

i don’t known, but I think it might help you . Ripple effect when meshes collide - #2 by Deltakosh

Topic		Replies	Views
Ripple effect when meshes collide Questions	4	1075	February 3, 2020
How to remove ripples in the text? Questions	3	389	June 3, 2020
How to achieve hotspot ripple animation inside 3D with babylonjs Questions	4	598	May 2, 2022
Create water movement effect in sprite game Questions tutorial , material , sprite , animation	6	1461	July 30, 2021
How to achieve grass "3d effect" similar to this one Questions	82	1651	August 10, 2024

Interactive water texture

Related topics