Как найти значение горячих точек (шаг, рыскание) при щелчке мышью в Google VR View Web - PullRequest
Новая
       22

Как найти значение горячих точек (шаг, рыскание) при щелчке мышью в Google VR View Web

1 голос
/ 23 марта 2019

Я хочу рассчитать приведенное ниже правильное значение для моего изображения 360 градусов при событии щелчка:

pitch: // В градусах.Ап положительно.рыскание: // в градусах.Справа положительно.radius: // Радиус круговой цели в метрах.расстояние: // Расстояние до цели от камеры в метрах.

Не могу найти ничего на https://developers.google.com/vr/develop/web/vrview-web#hotspots

Попробовал ниже код: 

<!doctype html>
<html>
    <head>
        <title>VR Test</title>
        <script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>
        <style>
        </style>  

    </head>
    <body> 
        <div id='vrview'></div>
        <script>
            var vrView;
            window.addEventListener('load', onVrViewLoad);


            function onVrViewLoad() {
                // Selector '#vrview' finds element with id 'vrview'.
                vrView = new VRView.Player('#vrview', {
                    image: 'https://storage.googleapis.com/vrview/examples/coral.jpg',
                    width: '100%',
                    height: '500px',
                    is_stereo: true,
                    is_debug: true
                });

                vrView.on('click', onHotspotClick);
                vrView.on('getposition', onGetPosition);

                vrView.addHotspot('hotspot-one', {
                    pitch: 30, // In degrees. Up is positive.
                    yaw: 30, // In degrees. To the right is positive.
                    radius: 100, // Radius of the circular target in meters.
                    distance: 2, // Distance of target from camera in meters.
                });

            }


            function onGetPosition(e) {
                console.log('position',e.id);
            }

            function onHotspotClick(e) {
                vrView.getPosition();
                console.log('onHotspotClick', e.id);
            }
        </script>
    </body>
</html>

Ожидаемый результат должен быть некоторым идентификатором, который содержит объекты, в которых я могу видеть значения «рыскание» и «тангаж» по событию щелчка.

Фактический результат с кодом выше:

onHotspotClick undefined

1 Ответ

1 голос
/ 23 марта 2019

Проблема с тегом скрипта, я пропустил добавление типа <script type="text/javascript">, это добавило маркер на изображение.

...