ThreeJS线条特效-使用线性几何体与 Tween 结合特效

方案一： ThreeJS 与 Tween 结合 ``` var lineGeometry = new THREE.Geometry(); lineGeometry.vertices.push(new THREE.Vector3(starting_x,starting_y,starting_z)); var lineMaterial = new THREE.LineBasicMaterial({color: 0xffffff}); var line = new THREE.Mesh(lineGeometry, lineMaterial); scene.add(line); var position = {x: -15, y: 0, z: 0}; var target = {x: 4, y: 0, z: -15}; var tween = new TWEEN.Tween(position).to(target, 8000); tween.easing(TWEEN.Easing.Elastic.InOut); tween.onUpdate(function() { lineGeometry.vertices.push(position.x, position.y, position.z); }); tween.start(); animate(); function animate() { render(); requestAnimationFrame(animate); TWEEN.update(); } function render() { renderer.render(scene, camera); } ``` 效果参考地址： http://learningthreejs.com/data/tweenjs_for_smooth_animation/tweenjs_for_smooth_animation.html

---