Ich habe versucht, ein geeignetes Web-Framework für VR-Erfahrung zu finden, und es sollte auf PC und Handys (ich verwende ionische) arbeiten. Ich habe viele Canvas/WebGL-basierte Tools ausprobiert und bin schließlich auf einen Frame gestoßen. Ich mag das wirklich, aber ich brauche Hilfe bei how to add markers to a panorama image und auch is it possible to toggle gyroscope on mobile devices?Wie fügt man Marker/Hotspots in ein Panaroma ein?
Die Führung in der Dokumentation hat ein Beispiel:
https://aframe.io/docs/0.4.0/guides/building-with-components.html
https://github.com/aframevr/360-image-gallery-boilerplate
In diesem Beispiel legen Sie Ebenen. Sie verwenden die Cursor-Komponente für den Blick-basierten Cursor. Und machen Sie Sachen auf Mouseenter/mouseleave/click. Es verwendet viele Komponenten, aber so sieht es aus:
<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>
Ich denke, Sie möchten wissen, wie Sie die Position des Punktes in Panaroma berechnen. [Berechne die Position eines Elements innerhalb einer Photosphäre] (http://stackoverflow.com/questions/41123606/calculate-the-position-of-an-element-inside-a-photosphere/41134342#41134342). –
ist es möglich, ein kleines Popup zu öffnen, wenn ich auf den Marker klicke? –