【threejs基础:加载gltf】模型加载和压缩

已被阅读 5186 次 | 文章分类:javascript | 2022-05-29 13:50

如何使用threejs加载普通gltf模型,以及如何加载被Draco压缩过后的gltf模型

1 加载gltf模型

效果如下

/net/upload/image/20220529/5dc91f374a5b469d977b6dabaf1e1db3.gif

第一步:引入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);
})
                                            
                                        

QQ:3410192267 | 技术支持 微信:popstarqqsmall

Copyright ©2017 xiaobaigis.com . 版权所有 鲁ICP备17027716号