我正在尝试使用 A-Frame 版本“1.5.0”加载 GLTF 模型,并通过网络摄像头将其显示在我的智能手机浏览器中。我在提供的代码中遇到了三个问题:首先,当页面打开时,GLTF 会自动加载,导致页面被阻止并阻止滚动。此外,当我单击 VR 按钮时,GLTF 显示为黑色背景。我已经搜索了演示来解决这些问题,但还没有找到解决方案。您能检查一下我的代码吗?
<head>
<script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/v6.1.1/dist/aframe-extras.loaders.min.js"></script>
</head>
<body>
<a-scene vr-mode-ui="enabled: false">
<a-assets>
<a-asset-item id="yourModel" src="path/gltf/model.gltf"></a-asset-item>
</a-assets>
<a-camera id="camera" position="0 1.6 0"></a-camera>
<a-entity id="rig" movement-controls kinematic-body>
<a-entity id="cameraRig" camera look-controls>
<a-entity
geometry="primitive: sphere; radius: 0.05"
material="color: red"
position="0 0 -1"
cursor-listener
></a-entity>
</a-entity>
</a-entity>
<a-entity id="gltfModel" gltf-model="#yourModel" position="0 1.6 -2"></a-entity>
<a-entity laser-controls="hand: right"></a-entity>
<a-entity laser-controls="hand: left"></a-entity>
<a-sky color="black"></a-sky>
</a-scene>
</body>
您好,我正在尝试使用 A-Frame 版本“1.5.0”加载 GLTF 模型,并通过网络摄像头在我的智能手机浏览器中显示它
这里想到了一些事情,我应该提一下,我使用 A-frame js 才几天,如果我在这里偏离基地,很抱歉
1.)
2.) 我很幸运把
3.)我正在尝试使用 arjs https://ar-js-org.github.io/AR.js-Docs/ 其中许多其他功能将允许您在
所以也许
<a-camera ...><a-entity ...></a-entity></a-camera>
(用你的参数替换...),这可能会有所帮助。但也要看看 arjs,因为那里也有一些很好的例子。
最后一件事,如果您要走 AR 路线,您可能想看看 https://github.com/matrix-org/aframe-look-at-component 它可以自动更新位置属性因此,a 框架元素可以彼此面对,甚至是元素。