模型加载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);
})
相关推荐
Java致死5 分钟前
设计模式Java
java·开发语言·设计模式
zh_xuan8 分钟前
c++ 类的语法3
开发语言·c++
weifont3 小时前
聊一聊Electron中Chromium多进程架构
javascript·架构·electron
大得3693 小时前
electron结合vue,直接访问静态文件如何跳转访问路径
javascript·vue.js·electron
belldeep4 小时前
如何阅读、学习 Tcc (Tiny C Compiler) 源代码?如何解析 Tcc 源代码?
c语言·开发语言
LuckyTHP4 小时前
java 使用zxing生成条形码(可自定义文字位置、边框样式)
java·开发语言·python
水银嘻嘻5 小时前
12 web 自动化之基于关键字+数据驱动-反射自动化框架搭建
运维·前端·自动化
it_remember5 小时前
新建一个reactnative 0.72.0的项目
javascript·react native·react.js
小嘟嚷ovo6 小时前
h5,原生html,echarts关系网实现
前端·html·echarts
十一吖i6 小时前
Vue3项目使用ElDrawer后select方法不生效
前端