加载带有 A 型框架的 GLTF 以用于网络摄像头显示

问题描述 投票:0回答:1

我正在尝试使用 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 模型,并通过网络摄像头在我的智能手机浏览器中显示它

html 3d aframe webcam gltf
1个回答
0
投票

这里想到了一些事情,我应该提一下,我使用 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 框架元素可以彼此面对,甚至是元素。

© www.soinside.com 2019 - 2024. All rights reserved.