加载/解析来自STRING的gltf 3D数据（不是来自文件）

Question

免责声明：

首先我想说的是，我对网络开发还很陌生——也许这个问题是由于缺乏基础知识造成的，因此，如果有任何有用的建议，我将不胜感激。

问题：

我试图在我的web应用程序上加载gltf格式的3D数据，但是数据是动态的-

    let loader = new THREE.GLTFLoader();
    loader.parse(JSON.stringify(jsonGltf),'' ,(gltf) => {
        model = gltf.scene;scene.add(model);
    }, true);

然而，我想坚持使用反应三纤维德雷，因为它易于与反应一起使用。不幸的是，我无法在示例或其他人的代码中找到解决方案。

可在此处找到可编辑沙盒：

https://codesandbox.io/s/priceless-knuth-cb1mo?file=/src/App.js

字符串数据存储在常量surfGltgData中

Answer 1

这非常简单，因为GLTFLoader有一个解析函数。把你的arraybuffer放到加载器里。下面是一个仍然使用悬念的示例，这样您就可以在较长的解析时间内获得某种加载屏幕https://codesandbox.io/s/arraybuffer-dof-1sjyd