Пользовательский маркер AR.JS - PullRequest
Новая
       60

Пользовательский маркер AR.JS

0 голосов
/ 27 апреля 2018

Я пытаюсь использовать пользовательский маркер для AR.JS. Однако, следуя указаниям по созданию пользовательского маркера, а затем изменив предустановки маркера, он все равно не работает. Любые идеи о том, как правильно реализовать? 

<a-marker preset="custom" type="pattern" url="img/pattern-marker.patt">
   <a-box position='0 0.5 0' material='color: black;' soundhandler></a-box>
 </a-marker>

Это неправильная реализация в маркере? Для справки я использовал очень простое черно-белое круглое изображение для проверки, но оно все еще не работало. Есть ли какой-то другой код, который нужно написать для регистрации пользовательского шаблона маркера?

1 Ответ

0 голосов
/ 02 июня 2018

Я потратил на это целую вечность! Наконец-то разобрался, это пара проблем.

1. предустановка = "шаблон"

Во-первых, если вы посмотрите на необработанный js-скрипт: https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js, вы заметите, что в else if нет preset="custom". Например, поиск else if( _this.data.preset === 'kanji' ){.

Однако есть preset="pattern". Итак, в вашем примере замените:

<a-marker preset="custom" type="pattern" url="img/pattern-marker.patt"> <a-box position='0 0.5 0' material='color: black;' soundhandler></a-box> </a-marker>

с

<a-marker preset="pattern" type="pattern" url="img/pattern-marker.patt"> <a-box position='0 0.5 0' material='color: black;' soundhandler></a-box> </a-marker>

2. Загрузите .patt на свой GitHub, чтобы он мог разрешить файл

Во-вторых, мой .patt не собирался локально, поэтому url="img/pattern-marker.patt" не будет работать. Переместите этот .patt файл в GitHub, а затем ссылайтесь на него с помощью raw.githubusercontent.

* +1033 * Пример * * тысячи тридцать-пять

Вы можете проверить это, используя мой шаблон. https://raw.githubusercontent.com/lbelfield/augmented-reality/master/src/components/trainTicket/train-ticket.patt.

Изображение маркера ниже: https://github.com/lbelfield/augmented-reality/blob/master/src/components/trainTicket/train-ticket.png

Реагировать-Web-AR: Это не будет применимо для вас, но если кто-то использует React-Web-AR, как я, используйте это:

<Marker parameters={{ preset: 'pattern', type: 'pattern', patternUrl: 'https://raw.githubusercontent.com/lbelfield/augmented-reality/master/src/components/trainTicket/train-ticket.patt', url: 'https://raw.githubusercontent.com/lbelfield/augmented-reality/master/src/components/trainTicket/train-ticket.patt' }}>

...