Внедрение <a-scene> прерывает лучевую трансляцию мыши / курсора - PullRequest
Новая
       9

Внедрение <a-scene> прерывает лучевую трансляцию мыши / курсора

0 голосов
/ 08 ноября 2018

При добавлении встроенного компонента в сцену для упрощения стилизации элементов в моей сцене AR событие raycast / click не срабатывает в правильном месте. Когда я удаляю встроенный тег из сцены, raycast работает так, как должен, но объекты в сцене находятся в разных масштабах / положениях при просмотре веб-страницы на мобильном устройстве.

Есть ли какой-нибудь способ иметь лучевое вещание во встроенной сцене? 

<body style="margin: 0px; overflow: hidden">
 <a-scene embedded arjs="debugUIEnabled: false; sourceType: webcam">
  <a-marker type='pattern' url='custommarkers/pattern-marker.patt' cursor="rayOrigin: mouse; fuse: false">
   <a-circle id="button" src="#buttonimg" radius=".2" rotation="-90 0 0" position="0 0 1">
    <a-animation begin="buttonpressed" dur="750" attribute="scale" to="2 4 4" direction="alternate"></a-animation>
   </a-circle>
  </a-marker>
 </a-scene>
</body>

«Нажатие кнопки» - это событие, отправляемое кнопкой при нажатии. Я могу нажать кнопку «Кнопка», но не в том месте, где изображение круга

1 Ответ

0 голосов
/ 11 ноября 2018

Курсор в ar.js ведет себя немного по-другому, его нужно добавить к элементу a-marker: 

<a-marker cursor='rayOrigin: mouse'>
  <a-amazing-stuff/>
</a-marker>

Курсор может рассчитать лучи, используя всю ширину / высоту документа.

Если вы добавите свой ar.js веб-сайт в iframe 

<iframe src="myArJsWebsite.com"></iframe>

компонент курсора должен работать правильно. Проверьте это с помощью маркера HIRO здесь .

...