Question

以下是链接：https://sixteendollars.github.io/

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

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

HTML：

Future {
  mockFunction()
  println("test")
}

目录结构：

<!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>

Answer 1

我将您的代码放入此codepen中，并且它可以正常工作。不过有几个问题。

1）始终确保没有ar.js时场景的行为

该模型很大（您需要将其按比例缩小一百倍），并且'mtl'不能正常工作。您可以在this小提琴中看到它。

您可以使用Blender / Maya或使用Wrap( children: <Widget>[ RaisedButton( ... ), RaisedButton( ... ), RaisedButton( ... ), ], ),组件来缩小比例：

scale

2）“叠加层”实际上是您的模型。 <a-entity scale='0.1 0.1 0.1'></a-entity>应该用作场景的视点。如果要将AR素材放置在标记上，请使用<a-marker-camera>：

<a-marker>

<a-marker type="pattern" url="assets/pattern-marker.patt"> <a-entity all-my-models></a-entity> </a-marker> <a-camera-static/>相当于照相机（source）

当标记消失时，<a-camera-static>确保渲染的模型保留在屏幕上。这样就可以看到已加载模型的初始位置。

有没有发生
缩小模型并将其放在<a-marker-camera>内时，您应该看到模型（右边的模型没有<a-marker> s）

更新

这是非常具体的问题，因此我将其单独放置。

1）MTL。这些控制台错误表明，您没有上传一些必要的文件

2）Github页面。需要一段时间才能将其加载到我的笔记本电脑上，但笔记本电脑显然在那儿。在Windows上的Firefox / Chrome浏览器上试过。

A-Frame AR.js应用无法识别我的标记模式，并且在加载页面时也无法识别黑色

1 个答案:

更新