threejs image wave effect

Advertisement

Ad blocked or unavailable

threejs image wave effect

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

Category:
Tags:
Three.js ExtensionShadersWebGLEffectsWebsiteLearnTutorial
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 GithubVisit Website
Do you know a Resource we should add?Submit a new Resource!

Video

Three.js Marketplace

Three.js Marketplace

Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.

Visit Marketplace

Links

Official Three.JS siteSubmit a Resource
♥
Sponsor Three.js ResourcesHire UsBlogMarketplaceCoursesFacts

Featured Badge

Add this badge to your website to show you are featured on Three.js Resources.

Light Version
Dark Version

Newsletter

Stay Updated with Three.js Resources!

  • Weekly curated Three.js resources and tools.

No spam, unsubscribe at any time.

Powered by Lysto

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.

Sponsors

ManagePrompts Logo

ManagePrompts.com

Stop Losing Your Best AI Prompts

Organize, version, and share.
The Notion for AI Prompts

OrganizationVariablesTeam LibrariesWorkspacesVersion ControlWorkflowsShare PromptsCategoriesTags

UseClick.io

UseClick.io dashboard overview

Privacy-friendly Link Analytics tool

Optimize your links with advanced analytics and campaign tracking.

UseClick is the most powerful link management platform for marketers, creators, and influencers with advanced analytics, campaign tracking, A/B testing, and GDPR compliance. Understand your audience and optimize every click.