CODEWITHSUNDEEP
androidjqueryioshtmlthree.js
lowtechsun
lowtechsun

Reputation: 1955

Move Smartphone to view different parts of spherical panorama?

Related:
Is there a HTML5/ jQuery Spherical Panorama viewer that works with touch mobile devices

Indirectly related:
Orbiting around the origin using a device's orientation

I am looking for a way to view different parts of a spherical panorama / equirectangular projection by moving the smartphone or tablet (PDA) in space.

Basically just like http://takemetotomorrowland.com/explore/bridgeway-plaza where different parts of the environment can be seen by turning the phone towards its direction in space.

Ideally I like to be able to view different parts of this image by moving the device in space. So turning and moving the device in real space to view the different parts of the projection on the web.

Now I know this is done with WebGL and a spherical panorama viewer like Pannellum but how is the part with moving the device in space done? Is there a library for that or is there a plugin for that?

What is this part of the device technology called that senses movements in 3D space and how can I translate those movements to HTML/JS?

Now I know this is not a specific programming question, I am sorry for that. But I am really looking for a plugin or library or at least find out the name of the sensor responsible for the movements of the device so that I can then work with it.

Upvotes: 0

Views: 535

Answers (1)

WestLangley
WestLangley

Reputation: 104823

The feature you are looking for has been inmplemented in DeviceOrientationControls.

See this example.

three.js r.73

Upvotes: 1

Related Questions