首页 > 其他分享 >threejs FBXLoader 加载动画

threejs FBXLoader 加载动画

时间:2022-11-08 11:23:06浏览次数:45  
标签:function 动画 threejs object mixer mixers FBXLoader

function createObject() {
  const loader = new THREE.FBXLoader();
  loader.load("Fish.fbx", function (object) {
    object.mixer = new THREE.AnimationMixer(object);
    mixers.push(object.mixer);

    const action = object.mixer.clipAction(object.animations[0]);
    action.play();

    // 侧面面对镜头
    object.rotation.y = Math.PI * 0.5;
    // 加入场景

    scene.add(object);
    // 载入obj后动画循环
    loop();
  });
}

// 动画循环
function loop() {
  requestAnimationFrame(loop);

  if (mixers.length > 0) {
    for (let i = 0; i < mixers.length; i++) {
      mixers[i].update(clock.getDelta());
    }
  }
  renderer.render(scene, camera);
}

标签:function,动画,threejs,object,mixer,mixers,FBXLoader
From: https://www.cnblogs.com/zhuoss/p/16869061.html

相关文章

  • CSS3的 transform属性,怎么才能让他同时执行多个不同动画(变换属性)效果
    如果要给一个dom元素,同时设置多个不同的CSS变换(transform)属性时,在属性中间用空格隔开即可,旋转缩放扭曲等同时执行多个效果!div{width:100px;height:1......
  • Threejs下雪效果
    目的尝试一下通过粒子系统制造下雪的效果原理方法一:通过BufferGeometry绘制n个点,并给点材质传下雪的贴图,渲染的时候对点进行旋转,来实现下雪的效果。方法二:通过精灵模型......
  • 【每日一练】20—CSS实现文字动画效果
    写在前面今天来到了我们的第20个小项目的练习,距离我们100个小项目的练习,我们已经完成了五分之一了,剩下的五分之四,我们一起加油练习。今天练习的这个小项目是一个CSS实现的文......
  • 【每日一练】21—CSS实现炫酷动画背景
    今天分享的这个小练习,我们在视频号上分享过,具体效果请看下面的视频:因为在视频号的后台,有小伙伴留言说,想要这个案例的源码,所以,今天就把这个源码也分享出来了,有兴趣的小伙伴可......
  • threejs_threejs3
    向量的clone方法和copy方法求两点之间的距离向量之间的叉乘three.js生成的renderer.domElement如何添加到目标的元素中直接引入想要的函数,可以不需要像以前那样引......
  • WPF 自定义控件 动画仪表盘控件 Gauge
    原文网址:https://blog.csdn.net/weixin_42850577/article/details/124008594WPF自制动画仪表盘控件Gauge  Xaml代码:<StyleTargetType="{x:Typectrl:ArcGauge......
  • 给网页加入加载动画
    如何给网页加入加载动画原理分析简单的来说,就是提前准备好一个加载动画的效果在页面上,利用JS判断页面是否加载完成,加载完成后隐藏或者移除动画即可。具体的实现HTML......
  • 第二十四章、动画
     ......
  • ThreeJS 创建水面报错 /textures/water/Water_1_M_Normal.jpg 404 解决方法
    threeJS创建水面报错 /textures/water/Water_1_M_Normal.jpg404根据路径找不到水面相关图片,原因是npm包中未包含图片,并且图片路径指向当前开发环境的src目录下,解决......
  • 实时渲染如何改变视频制作和动画制作
    在过去的几年里,关于视频游戏和视觉效果的融合有很多讨论。如今,这两种媒体都倾向于依赖相同或相似的工具来生成CG资源并为其添加动画效果,并且视频游戏的质量肯定接近视觉特......