Three.js+Tween.js制作汽车展示交互

实现的功能：

1.通过gui/button控制开关车门的动画

2.通过gui/button改变车身材质

第一步：在load函数中使用

body=object.getChildByName("body");
leftdoor =object.getChildByName("leftfrontdoor");

获取响应部分的模型，可以再模型中打组直接调用组名；

第二步：将获取到的车门使用Tween.js编写开门的旋转动画

    function setupTween() {
        tween = new TWEEN.Tween({pos: 0}).to({pos: -1}, 3000);
        tween.easing(TWEEN.Easing.Elastic.InOut);
        tween.onUpdate(function () {
            var pos= this.pos;
            leftdoor.rotation.set(0, pos, 0);
        });

        tweenback=new TWEEN.Tween({pos:-1}).to({pos:0},3000);
        tweenback.easing(TWEEN.Easing.Elastic.InOut);
        tweenback.onUpdate(function () {
            var pos=this.pos;
            leftdoor.rotation.set(0,pos,0);
        });
    }

在gui的组件中编写button的控制函数

    //动画播放控制
    function openanimation()