|
|
|
|
|
What is a 360 image?
|
|
|
A 360 or a panorama image, is a special type of image that allows the user to experience being inside a 3D scene, the user can view the scene
on a mobile, or using Facebook or other viewers.
|
|
|
|
|
|
|
|
|
|
|
|
How to create a 360 image?
|
|
|
Creating a 360 image using SimLab Composer is very simple, first you need to create a VR camera, place it in the scene, then select the VR
camera, and render a 360 image.
|
|
|
|
|
|
This process is shown in the following tutorial .
|
|
|
|
|
|
|
|
|
Sharing 360 images on facebook?
|
|
|
Facebook has one extra restriction on 360 images to be automatically detected, width to height ratio should be 2 to 1, for example
if width is 2000, height on the image should be 1000
|
|
|
|
|
|
How to embed and use a 360 image in a website?
|
|
|
-
Download photo-sphere-viewer JavaScript library.
-
Added it in your website files.
-
Embed the necessary JavaScript files needed such as: three.min.js, photo-sphere-viewer.js
-
|
|
|
|
|
|
-
In your body tag create container for 360 images:
|
|
|
|
|
|
-
Then Include JavaScript Code:
|
|
|
|
|
|
-
Finally it will look like this :
|
|
|
|
|
|
For more details and examples on how to embed a 360 image in a website visit these links: Link 1, Link 2
|
|
|
|
