Blending Between Textures in Three.js and NodeToy
In this tutorial I go over how to set up a shader which blends between two textures in NodeToy and then how to export it. I then show you how to bring the shader into a Three.js project and how to use a scroll to trigger the blend animation.
https://twitter.com/jonny0_0
0:00 Intro
0:51 The model and textures
2:15 NodeToy
4:05 Setting up the shader in NodeToy
8:20 Exporting the shader from NodeToy and importing to Three.js
17:55 Connecting the textures
23:48 Setting up the scroll animation
32:08 Importing the model and applying the NodeToy shader
Assets -
https://drive.google.com/drive/folders/1y-...
Links -
https://nodetoy.co/
npm -
npm i @nodetoy/three-nodetoy
npm install gsap
#threejs #nodetoy #shaders