本文介绍了如何结合MapBox和ThreeJS库，在网页中加载并展示FBX动态3D模型。内容包括Dom元素的设置、import引入相关库，以及data属性的定义，如map、camera、scene、mixer等。接着详细阐述了methods中的各个步骤，如模型定位、图层创建、模型加载、场景和镜头设置、光照处理，以及如何处理模型的骨骼动画和渲染过程。最后提到了在组件mounted阶段加载地图及调用initFBX方法，并定义了相关样式。
1、Dom元素：
2、import引入：
3、data（定义map，camera（镜头），scene（场景），stats（），mixer（），clock（时钟），customLayer（MapBox自定义图层））：
4、methods（定位模型位置，创建自定义图层，加载模型，设置场景，设置镜头，设置光照，地图重新渲染将自定义层的模型加载到地图上，解析fbx模型骨骼动画，通过threejs的clock控件获得两帧之间的时间间隔，执行再次渲染函数render，渲染下一帧。）：
methods: {
initFBX() {
var mapSecond = this.map
736
1367
862
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
