How about browsing through the Google Street View panoramas, but not with your mouse or trackpad, not even with your fingers, but with your mobile device, moving it like a window to the world ?…
Enter a location or let the site show you a random one and then, visit it like you were inside it, by moving your mobile up and down, left and right, turning around …
I got the idea of this project about 3 months ago, after attending to the HTML5 & CSS3 meetup at Criteo, where the Biborg agency showed their work on the Assassin’s Creed IV Black Flag (there was a little part where they used the HTML5 API compass to show and slide an image of a beach – sorry, couldn’t retrieve it). So I decided to take it to a whole other level : real panoramas and any panoramas ! And moreover, something modular and reusable by developers.
So, Topheman Street View is a demo of what you can do with the library I came up with :
In a few words, with PanoramaSensorsViewer :
- you can display Google Street View panoramas (even inject your own custom panoramas since you have total access to the Google Maps API)
- you don’t have to worry about the gyroscope+accelerometer events (
deviceorientation) as well as the rotation/orientation of your device, PanoramaSensorsViewer does it for you
Topheman Street View is not here to replace in any way the user interface of Street View you have in Google Maps, it’s here to demonstrate the possibilities of PanoramaSensorsViewer. You can imagine many use cases, for example :
- you buy a night in a hotel online, you can snap a QR-Code to visit your room
- you buy a trek online, you can browse the panorama of each place you’ll stay at night
I had fun developing it and I’ll try to improve it. It works great on iOs devices, there are some issues on Android (unfortunatly, I can’t do much about it, however it may be fixed in future versions).
PS : You want to try the custom panorama part ?… Just follow this link and go inside the office … 😉