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	554	August 16, 2023
Easy cool vsual effect to apply to an existing image texture while a replacement image is loading? Questions texture	4	1023	February 19, 2023
Suggestion for replicate this wave vertex shader on scroll? Questions materials , shaders , scrolling	3	80	March 20, 2024
How to do the Tao Tajima menu gallery image snap into viewport animation Questions glsl , textures , materials , shaders , animation , threejs	3	165	March 5, 2024
Sonar effect with THREE / webgl Questions materials	4	831	August 5, 2020

How to recreate image wave effect from portfolio website?

Related Topics