Я пытался найти подходящую веб-фреймворк для работы с VR, и он должен работать на ПК и мобильных телефонах (я использую ионный). Я попробовал много инструментов на основе canvas/webGL, наконец, наткнулся на aframe. Мне очень нравится это, но мне нужна помощь по how to add markers to a panorama image, а также is it possible to toggle gyroscope on mobile devices?Как добавить маркеры/горячие точки в рамку панорамы?
Руководство в документации есть пример:
https://aframe.io/docs/0.4.0/guides/building-with-components.html
https://github.com/aframevr/360-image-gallery-boilerplate
В этом примере, вы размещаете самолеты. Вы используете компонент курсора для курсора, основанного на взгляде. И делайте что-нибудь на mouseenter/mouseleave/click. Он использует много компонентов, но вот как это выглядит:
<a-entity class="link"
geometry="primitive: plane; height: 1; width: 1"
material="shader: flat; src: ${thumb}"
event-set__1="_event: mousedown; scale: 1 1 1"
event-set__2="_event: mouseup; scale: 1.2 1.2 1"
event-set__3="_event: mouseenter; scale: 1.2 1.2 1"
event-set__4="_event: mouseleave; scale: 1 1 1"
set-image="on: click; target: #image-360; src: ${src}"
</script>
Я думаю, вы хотите знать, как рассчитать положение точки в панароме. [Рассчитать положение элемента внутри фотосферы] (http://stackoverflow.com/questions/41123606/calculate-the-position-of-an-element-inside-a-photosphere/41134342#41134342). –
можно ли открыть небольшое всплывающее окно, когда я нажимаю маркер? –