Share threejs image wave effect on:

threejs image wave effect

threejs image wave effect

Recreate the webgl image effects on taotajima.jp website using threejs and custom glsl shaders

Category:

Learning Resources

Tags:

Three.js Extension Shaders WebGL Effects Website Learn Tutorial

Author:

Ameen Abdullah

Author Website:

https://www.linkedin.com/in/ameen-abdullah?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app

See on Github Visit Website

Do you know a Resource we should add?Submit a new Resource!

Video

Three.js Boilerplates

Three.js Boilerplates

Check out our collection of Three.js Boilerplates & React Three Fiber [R3F] Boilerplates.
From simple to complex, we have you covered.

Get your Boilerplate!

Links

Official Three.JS site Our Roadmap Submit a Resource

Exclusive content on Patreon Share your thoughts on Discord

Newsletter

Stay Updated with Three.js Resources!

Weekly curated Three.js resources and tools.

No spam, unsubscribe at any time.

Description

Threejs image effect using custom shaders , merging WebGL and html images.

This tutorial covers advanced techniques like wave animations, magnet effects, and scaling on hover, making it perfect for developers looking to elevate their frontend skills with WebGL and Three.js. Includes project boilerplate for hands-on learning.