Приложение A-Frame AR.js не распознает мой маркер, а также черное наложение при загрузке страницы - PullRequest
Новая
       16

Приложение A-Frame AR.js не распознает мой маркер, а также черное наложение при загрузке страницы

0 голосов
/ 31 мая 2019

Вот ссылка: 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

1 Ответ

1 голос
/ 31 мая 2019

Я бросил ваш код в этот кодовый блок , и он работает правильно. Пара вопросов, хотя.

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-marker>, вы должны увидеть модели (правильная без mtl s)

enter image description here

UPDATE

Это довольно специфический вопрос, поэтому я размещаю его отдельно.

1) MTL. Эти ошибки консоли показывают, что вы не загрузили некоторые необходимые файлы enter image description here

2) Github pages. Загрузка на моем ноутбуке занимает некоторое время, но его явно есть. Пробовал на firefox / chrome на windows. enter image description here

...