模型加载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);
})
相关推荐
树在风中摇曳5 分钟前
【牛客排序题详解】归并排序 & 快速排序深度解析(含 C 语言完整实现)
c语言·开发语言·算法
小禾青青5 分钟前
我用uniapp开发app用到的uniapp插件
前端·vue.js·uni-app
小白每天学一点5 分钟前
微信小程序开发学习-8
javascript·css·微信小程序·小程序·html
柳一航15 分钟前
HTML笔记
前端·笔记·html
Vic1010123 分钟前
Java 序列化与反序列化:深入解析与实践
java·开发语言
Sirius Wu32 分钟前
开源训练框架:MS-SWIFT详解
开发语言·人工智能·语言模型·开源·aigc·swift
后端小张34 分钟前
【JAVA 进阶】Spring Cloud 微服务全栈实践:从认知到落地
java·开发语言·spring boot·spring·spring cloud·微服务·原理
艾小码37 分钟前
为什么你的Vue组件总出bug?可能是少了这份测试指南
前端·vue.js·debug
从零开始学习人工智能37 分钟前
USDT区块链转账 vs SWIFT跨境转账:技术逻辑与场景博弈的深度拆解
开发语言·ssh·swift
IT_陈寒37 分钟前
Redis 性能提升30%的7个关键优化策略,90%开发者都忽略了第3点!
前端·人工智能·后端