【threejs加载器】加载gltf模型及压缩模型

加载obj过程请参考如下两篇【threejs基础:使用OBJLoader】加载obj模型【threejs基础：使用MTLLoader】加载材质OBj模型1 加载gltf模型效果如下：第一步：引入GLTFLoaderimport { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'第二步：加载模型加载模型部分代码很简单；创建加载器、设

杨大大28

6822人浏览 · 2022-05-29 13:49:34

杨大大28 · 2022-05-29 13:49:34 发布

加载obj过程请参考如下两篇

【threejs基础:使用OBJLoader】加载obj模型

【threejs基础：使用MTLLoader】加载材质OBj模型

1 加载gltf模型

效果如下：

第一步：引入GLTFLoader

import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'

第二步：加载模型

加载模型部分代码很简单；创建加载器、设置gltf文件路径、开始加载文件、添加到scene；代码如下

const loader = new GLTFLoader()
loader.setPath('./statics/models/gltf/');
loader.load('mount.gltf', function (gltf) {
    gltf.scene.traverse(function (child) {
        if (child.isMesh) {}
    });
    scene.add(gltf.scene);
})

gltf模型可以自行在网络下载

完整代码请移步【threejs基础:加载gltf】模型加载和压缩

技术共进，成长同行——讯飞AI开发者社区

更多推荐

机器学习与人工智能

python# 创建基类# 定义一对多关系# 定义多对一关系# 定义多对多关系（通过关联表）# 关联表（用于多对多关系）SQLAlchemy ORM提供了强大而灵活的数据库操作方式，通过本文的介绍，您应该能够：安装和配置SQLAlchemy定义数据模型和关系执行基本的CRUD操作构建复杂查询管理数据库事务遵循最佳实践SQLAlchemy还有更多高级特性，如混合属性、事件监听、自定义查询等，值得进一