Keeping the camera orientation the same for all images will make the tour much more comprehensible, and the transition between images feels more natural. The balcony shot above has been offset so the front view is towards the fireplace inside the room. When all the images have the same orientation, you ensure that the view will always have the correct direction when jumping from one image to another.
At the moment, Vizor 360 does not support image re-orientating to fix front points, but it will be added soon. For now images that have different orientation than others can be corrected in image editing software like Photoshop or GIMP for example. The image has to be Offset horizontally so that the front view will be facing the correct direction (center of the image is the front view).
Making the tour in Vizor 360
After taking 360° screenshots of the desired places, head over to vizor.io and create an account to start making a 360° tour. The screenshots can be simply dragged and dropped into the editor to create scenes from them. The screenshots have been numbered to make it easier to drop them in order, but you can also rename them from the title bar on the right.
Adding a scene link can be done by dragging an image from the list to the scene where you want to place it. Now you can either double click the link, or press P (Preview) and click the link to jump to the next scene. Pressing Eswitches back to edit mode. For best results, try place the link on the spot where the next shot was taken at. Do this to all the images, and remember to also add links to the previous images, so the viewer can also go back to where they came from.
The tour could be finished and published after linking all the images together, but for this project I added Media links for additional info about certain objects and characters. Add a media link by clicking the Media button on the left, or by pressing M and clicking anywhere on the scene. Double click the media link to add text or an image, or both. You can add as many media links as you want to the scenes, and make it a more interesting tour with additional information.
When all the content has been added, you can publish the project and share it anywhere on the web and view it on mobile and VR as well. Below is the link to the finished project made for this guide.
This article was brought to you by Vizor — the most accessible WebVR solution for all devices. Our VR tools are intuitive and easy-to-use, so you can create beautiful WebVR experiences to delight and engage your audience.