1

这是链接：https ://sixteendollars.github.io/

如您所见，单击链接后，页面上有一个奇怪的黑色覆盖层。

此外，将相机对准我的标记图像 ( https://i.imgur.com/pwGnKIu.png ) 后，它无法识别标记并像预期的那样弹出 A-Frame 实体。我不确定这是否是标记、模型、我访问资产管道的方式或什么的问题。

的HTML：

<!DOCTYPE html>
<html>

<script src="https://aframe.io/releases/0.9.0/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.2/aframe/build/aframe-ar.js"></script>

<body style="margin : 0px; overflow: hidden;">

<a-scene embedded arjs="sourceType: webcam; debugUIEnabled: false;">


    <a-marker type="pattern" url="assets/pattern-marker.patt">
        <a-entity             
        obj-model= "obj: url(assets/Batman.obj);
        mtl: url(assets/Batman.mtl)">></a-entity>
     </a-marker>
     <a-camera-static/>

</a-scene>

</body>

</html>

目录结构：

assets
    pattern-marker.patt
    Batman.obj
    Batman.mtl
index.html
4

1 回答 1

2

我把你的代码扔进了这个codepen，它工作正常。不过有几个问题。

1) 始终确保场景在没有 ar.js 的情况下表现如何

该模型很大（您需要将其缩小一百倍），并且“mtl”无法正常工作。你可以在这个小提琴中看到它。

您可以使用 blender / maya 或scale组件按比例缩小它：

<a-entity scale='0.1 0.1 0.1'></a-entity>

2）“覆盖”实际上是您的模型。<a-marker-camera>应该用作场景的视点。如果您想在标记上放置 AR 内容，请使用<a-marker>：

 <a-marker type="pattern" url="assets/pattern-marker.patt">
    <a-entity all-my-models></a-entity>
 </a-marker>
 <a-camera-static/>

相当于<a-camera-static>相机（来源）

当标记消失时，<a-marker-camera>确保渲染的模型留在屏幕上。所以你会看到加载模型的初始位置。

图片或没有发生
当您缩小模型并将其放入 a<a-marker>中时，您应该看到模型（右侧没有mtls）

在此处输入图像描述

更新

这是一个非常具体的问题，所以我将它分开放置。

1) MTL 的。这些控制台错误表明，您没有上传一些必要的文件 在此处输入图像描述

2) Github 页面。在我的笔记本电脑上加载需要一段时间，但它显然在那里。在 windows 上尝试了 firefox / chrome。 在此处输入图像描述

于 2019-05-31T17:34:30.353 回答