【瑞模网】threejs开发中加载模型的方法 - 将fbx模型转换成 → gltf模型 → glb文件 → 页面获取解析模型

最新推荐文章于 2025-05-19 19:40:40 发布

原创

最新推荐文章于 2025-05-19 19:40:40 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #threejs

本文介绍了在ThreeJS开发中如何将FBX模型转换为gltf格式，并进一步转化为glb文件。通过详细步骤，演示了在网页中加载和解析这些3D模型的过程。

将需要转换的fbx文件拖动到这个exe文件上，会自动生成gltf格式的文件夹

import { reactive, onMounted, watch, onUnmounted, getCurrentInstance } from 'vue'
import * as THREE from 'three'
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
impo