vue+three.js 加载fbx动画模型

        嗨，我是小路。今天主要和大家分享的主题是“vue+three.js 加载fbx动画模型”。        

在现代网页开发中，3D 图形和动画的应用越来越广泛，从产品展示、虚拟展厅到游戏、教育等领域，三维技术正在不断刷新用户体验。而作为前端开发者，如何将高性能的 3D 动画无缝集成到 Vue 项目中？今天从网上找了一个fbx动画模型，然后将其加载出来，并让模型动起来。

项目示意图

1.FBXLoader加载器

定义：主要用来加载fbx格式的动画模型。

二、实例代码

三、复盘总结

       1、fbx动画模型加载和glft模型加载思路是一样的，需要注意的是在加载模型的处理。gltf有是加载gltf.scene;而fbx是将本身添加到scene。

        2、注意代码的封装。当使用代码越多，越要将其中的部分代码进行封装，用作为了开发的储备，这样遇到问题，可以直接从自己的练习库中寻找。编程做到最后，自然就是越做越轻松。也许后期，真的可以cltr+c + cltr+v。

都看到这里了，记得【点赞】+【关注】哟。

参考文档：

threeJs+vue 加载gltf模型、获取模型尺寸、播放模型动画-CSDN博客