threejs GLTFExporter 导出文件 GLTFLoader加载文件

最新推荐文章于 2024-09-02 09:23:13 发布

蜗牛速度额

最新推荐文章于 2024-09-02 09:23:13 发布

阅读量7.1k

点赞数

分类专栏： threejs 文章标签： threejs

本文链接：https://blog.csdn.net/weixin_41111068/article/details/83090096

版权

threejs 专栏收录该内容

23 篇文章 7 订阅

订阅专栏

        let gltfExporter = new GLTFExporter();
        // 单个模型数据 obj
        gltfExporter.parse(obj, function (result) {
          console.log(result);
          let link = document.createElement('a');
          link.style.display = 'none';
          document.body.appendChild(link);
          link.href = URL.createObjectURL(new Blob([JSON.stringify(result)], { type: 'text/plain' }));
          link.download = unescape(_this.ChildrenData[i].modelType) + '.gltf';
          link.click();
          document.body.removeChild(link);
        });

const loader = new GLTFLoader();
loader.load(‘文件路径’ (res) => {
 this.scene.add(res.scene.children[0]);
 }, function (xhr) {
 if ((xhr.loaded / xhr.total * 100) === 100) {
  console.log((xhr.loaded / xhr.total * 100) + '% loaded');
 }
  }, function (error) {
   console.log('load error!'+ error.getWebGLErrorMessage());
});