gsap - Animate between two materials on a mesh Three.js -
i trying change meshes material material on time (preferably using greensock animation platform). there way using non shader materials?
pseudo code:
tweenmax.to(mesh.material.map, 1, {image:newtexture});
you want tween 1 material without writing custom shadermaterial
.
here 1 way achieve effect. requires duplicating mesh, though.
var mesh = new three.mesh( geometry, material1 ); // transparent false scene.add( mesh ); var mesh2 = new three.mesh( geometry, material2 ); // transparent true, opacity 0 scene.add( mesh2 ); //mesh2.onbeforerender = function ( renderer ) { renderer.cleardepth(); }; // optional var tween = new tween.tween( mesh2.material ) .to( { opacity: 1 }, 1500 ) .delay( 1500 ) .start();
be sure call
tween.update();
in animation loop.
three.js r.87
Comments
Post a Comment