A 框架和 HTML 编码新手 - 我的模型无法加载,我做错了什么?

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

。你好! 我只是尝试通过 A-frame 编码将我的 glb/gltf 模型加载到我的 Glitch 项目中,也遵循教程和网站自己的教程,但无济于事:(

这是我在下周一到期的大学项目,我真的需要它发挥作用 - 我做错了什么?

Glitch 中代码的文件名我将其命名为“Aframe.html”,如果这也不正确,请告诉我! 这是我当前使用的代码,它加载脚本并允许我访问相机。即使当我通过添加框进行测试时,它也可以在标记上无缝运行 - 但我自己的对象根本无法加载 - 即使在无数次弄乱旋转、位置和缩放值之后也是如此。

 <html>
  <head>
    <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>
    <script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
  </head>
  <body style="margin: 0px; overflow: hidden">
    <a-scene embedded arjs>
      <a-assets>
        <a-asset-item
          id="piest"
          src="https://drive.google.com/file/d/1s-UvNxa_qT6YaWF0ttBZZfm0g_Zp-vhg/view?usp=share_link"
        ></a-asset-item>
        <a-entity
          position="1 1 1"
          scale="10 10 10"
          rotation="-90 -90 -90"
          glb-model="#piest"
          src="https://drive.google.com/file/d/1s-UvNxa_qT6YaWF0ttBZZfm0g_Zp-vhg/view?usp=share_link"
        >
        </a-entity>
      </a-assets>
      <a-marker-camera preset="hiro"></a-marker-camera>
    </a-scene>
  </body>
</html>

3d augmented-reality aframe gltf
1个回答
0
投票

几个问题

  1. 你有一个错字。组件的名称是 gltf-model 而不是
    glb-model
  2. 实体不会进入 标签内。
  3. Google Drive 链接并不直接指向文件,而是指向带有下载按钮的网页

我修复了问题,下载了模型并将其添加到此故障的资产部分中,按预期工作(为了简单起见,删除了 ar-js)

https://glitch.com/edit/#!/illustrious-solid-tent?path=index.html%3A14%3A25

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