如何在一帧全景中添加markers/hotspots？

Question

我试图找到一个适合 VR 体验的 Web 框架，它应该可以在 PC 和手机上运行（我使用的是 ionic）。我尝试了很多基于 canvas/webGL 的工具，最后偶然发现了 aframe。我真的很喜欢这个，但我需要 how to add markers to a panorama image 和 is it possible to toggle gyroscope on mobile devices 方面的帮助？

Answer 1

文档中的指南有一个示例：

https://aframe.io/docs/0.4.0/guides/building-with-components.html

https://github.com/aframevr/360-image-gallery-boilerplate

在本例中，您放置了平面。您将游标组件用于 gaze-based 游标。并在 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>

如何在一帧全景中添加markers/hotspots？

How to add markers/hotspots in a-frame panaroma?

aframe