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);
                     }

            }

  • 相关阅读:
    微信小程序 列表渲染 wx:for
    微信小程序获取数据、处理数据、绑定数据关键步骤记录
    jq获取页面距离
    jq中哪个方法有回调函数
    轮播图jq版
    计算器
    计算机基础
    安装LAMP
    ubuntu安装最新版本的node.js
    blade模版之页面的嵌套
  • 原文地址:https://www.cnblogs.com/yaosusu/p/14094225.html
Copyright © 2011-2022 走看看