我如何添加一个3d对象到我的网站?



我有一个嵌入3D对象的谷歌网站,我如何将OBJ文件嵌入到网站上?代码如下:

<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.1.0/aframe.min.js"></script>
</head>
<body>
<a-scene>

<a-sphere position="0 -5 -24" radius="5" color="purple"></a-sphere>

<a-sphere position="0 -5 -10" radius="4" color="green"></a-sphere>
<a-sphere position="0 -5 -0" radius="3" color="red"></a-sphere>
<a-sphere position="0 -5 10" radius="2" color="yellow"></a-sphere>
<a-sphere position="0 -5 20" radius="1" color="blue"></a-sphere>

</a-scene>
</body>
</html>

这里是网站看到:https://sites.google.com/view/aircraftrecognitionuk/home,我想要一架飞机而不是球体,请有人为我编辑这个代码,TIA

文件名称为:

plane.obj

如果有人想在网站上帮助编辑它,那么请留言给我,我可以在谷歌网站上添加u来帮助

您可以使用obj-model组件添加.obj模型:

<a-scene>
<!-- Preload with a-assets -->
<a-assets>
<a-asset-item id="model-obj" src="/path/to/model.obj"></a-asset-item>
<a-asset-item id="model-mtl" src="/path/to/model.mtl"></a-asset-item>
</a-assets>
<!-- add the model to the scene -->
<a-entity obj-model="obj: #model-obj; mtl: #model-mtl"></a-entity>
</a-scene>

最好使用gltf模型,并通过gltf-model组件将它们添加到场景中。

相关内容

  • 没有找到相关文章

最新更新