How to recreate image wave effect from portfolio website?

Lukas1 · September 15, 2022, 7:38am

Hey! I stumbled across Takumi Hasegawa’s website and really liked the image wave effect he created. Does anyone know of a code example that would help me recreate this effect?

Qiumeng12 · September 15, 2022, 7:51am

You can refer to this example.

Lukas1 · September 21, 2022, 6:13pm

Thank you so much - I will check it out :)!

drcmda · September 21, 2022, 7:02pm

meshdistortmaterial: drei/MeshDistortMaterial.tsx at 46288f9b375c3b5e961c713789c1118fd30dc1bb · pmndrs/drei · GitHub

meshwobblematerial: drei/MeshWobbleMaterial.tsx at 46288f9b375c3b5e961c713789c1118fd30dc1bb · pmndrs/drei · GitHub

Topic		Replies	Views
Ripple effect for bitmaps/images Jobs textures , shaders	3	854	August 16, 2023
Suggestion for replicate this wave vertex shader on scroll? Questions materials , shaders , scrolling	3	194	March 20, 2024
How to do the Tao Tajima menu gallery image snap into viewport animation Questions glsl , textures , materials , shaders , animation , threejs	3	262	March 5, 2024
how to achieve an effect similar to that of CristalLand? Questions textures , materials , geometry , shaders , animation	1	406	September 20, 2023
Wave, img, and gpu Showcase physics , waves , differential-equations	1	394	January 20, 2024

How to recreate image wave effect from portfolio website?

Related topics