模型加载gltf

3. 加载.gltf文件(模型加载全流程) | Three.js中文网 (webgl3d.cn)

1.引入GLFloader.js模型加载器

复制代码
import {GLTFloader} from 'three/addons/loader/GLTFloader.js';

2.GLTF加载器new GLTFloader()

执行new GLTFloader()就可以实例化一个gltf加载器对象

复制代码
const loader = new GLTFloader()

3.gltf加载器方法.load()

通过这个方法就可以加载外部gltf模型。

复制代码
loader.load('.gltf', function(GLTF){
   scene.add(gltf.scene);
})
相关推荐
我不吃饼干15 分钟前
TypeScript 类型体操练习笔记(二)
前端·typescript
大闲在人20 分钟前
C、C++区别还是蛮大的
c语言·开发语言·c++
光影少年29 分钟前
浏览器渲染原理?
前端·javascript·前端框架
小白探索世界欧耶!~1 小时前
Vue2项目引入sortablejs实现表格行拖曳排序
前端·javascript·vue.js·经验分享·elementui·html·echarts
Cosmoshhhyyy1 小时前
《Effective Java》解读第39条:注解优先于命名模式
java·开发语言
清水白石0082 小时前
Python 纯函数编程:从理念到实战的完整指南
开发语言·python
掘根2 小时前
【C++STL】平衡二叉树(AVL树)
开发语言·数据结构·c++
叫我一声阿雷吧2 小时前
JS实现响应式导航栏(移动端汉堡菜单)|适配多端+无缝交互【附完整源码】
开发语言·javascript·交互
GISer_Jing2 小时前
前端营销(AIGC II)
前端·react.js·aigc