适用于框架的gltf查看器

时间:2019-07-04 13:15:58

标签: three.js aframe

我正在尝试使用A框架构建gltf查看器。想法是让用户上载gltf模型并显示该模型。与Don Mccurdy使用ThreeJ的gltf查看器非常相似,但使用了a帧。

我将让用户使用输入标签将文件上传到服务器上

<input id="file-upload" multiple type="file"> 

,然后使用下面的代码获取相同的文件以显示

<a-scene embedded="" renderer="gammaOutput: true">
     <a-assets>
         <a-asset-item id="model" src="/models/filname.glb"></a-asset-item>
     </a-assets>

     <a-entity camera="" position="0 1.6 0" look-controls></a-entity>
     <a-entity gltf-model="#model" position="4 0 -6.5"></a-entity>
</a-scene>

我无法弄清的一件事是如何使用上载模型的路径动态填充a-asset-item标签的src?我想为每个上传的模型创建一个新的嵌入式div并保留视图。您能提供任何帮助吗?

1 个答案:

答案 0 :(得分:0)

找到了逻辑,可以在上传后将模型保存在本地存储中,然后从本地存储URL更新源。