如何在框架panaroma中添加标记/热点?

时间:2017-01-19 06:26:47

标签: aframe

我试图为VR体验找到一个合适的网络框架,它应该适用于PC和手机(我正在使用离子)。我尝试了许多基于canvas / webGL的工具,最后偶然发现了框架。我真的很喜欢这个,但我需要how to add markers to a panorama image以及is it possible to toggle gyroscope on mobile devices的帮助吗?

1 个答案:

答案 0 :(得分:1)

文档中的指南有一个例子:

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>