Forum Discussion
Interaction with 360 degree images
- 2 days ago
After a couple simple tests, Option #2 or 3 makes it fairly simple to do what you want. The 360 images are projected onto the interior of a sphere, where the viewer is at the center. Accessing the 3d scene (by hooking into the SL scene or by creating your own) lets you access and modify the texture (image) applied to the sphere. You can include additional 360 degree images (in whatever way is appropriate for you), create new/clone materials, and direct the texture source to the appropriate image. Then you can reassign the material with that texture to the sphere, switching the image. This way your scene changes instantly and does not have to reset or reposition.
Option #2 is a hassle but maintains all of the functionality SL offers. It would be nice if the 3d object was directly accessible, but I have yet to find an active reference to it.
For a suggestion to experiment, see this post:
Prevent vertical movement in 360º images | Articulate - Community
FYI-
In the example post, you would be most interested in:window.viewer360.scene.children[0].material
and
window.viewer360.scene.children[0].material.map.source.data.currentSrc
Use the browser developer panel (F12).
Many thanks Nathan. I had experimented with three.js some time ago and had meant to pick up on full 3D navigation and develop some examples - thanks to you, I now understand how 360 images are represented - so will definitely experiment some more.👏