zoukankan      html  css  js  c++  java
  • three.js帧动画

    three.js帧动画

    直接上代码,有疑惑请加群讨论:1047907561

            var mixer,
            var posTrack = new THREE.KeyframeTrack(
                  "Build.position",
                  [0, 20],
                  [0, 0, 0, -100, 0, 0]//前三个为起始位置,后三个为移动后的位置
                );
                var scaleTrack = new THREE.KeyframeTrack(
                  "Floor.scale",
                  [0, 1],
                  [2, 2, 2, 5, 5, 5]  //前三个值为起始值大小,后面为放大后的值
                );
                var clip = new THREE.AnimationClip("default", 1, [
                   posTrack,scaleTrack
                ]);
                mixer = new THREE.AnimationMixer(mesh);//里面的值为需要做动画的对象
                var AnimationAction = mixer.clipAction(clip);
                AnimationAction.timeScale = 5; //默认1,可以调节播放速度
                    AnimationAction.loop = THREE.LoopOnce;
                AnimationAction.clampWhenFinished = true;
                AnimationAction.time = 0;
                clip.duration = 1;
                AnimationAction5.play();


            function render(){
      

                   var time = clock.getDelta();
                        if (mixer) {
                          mixer.update(time);
                     }

            }

  • 相关阅读:
    javascript如何封装函数
    addEventListener和attachEvent区别
    Infinity NaN undefined和null
    hasOwnProperty
    蜂巢式图片墙布局
    复选框使用总结
    文本框获得焦点时改变背景颜色
    自定义动画animate
    click()、bind()、live()和delegate()方法
    图片提示效果
  • 原文地址:https://www.cnblogs.com/yaosusu/p/14094225.html
Copyright © 2011-2022 走看看