360-degree content are visuals in which the view in every direction is captured and presented simultaneously. ICE Igloo Core Engine can process content provided in the following 360-degree formats to , and where necessary, make it appear perspectively correct for the screen in use.
Panoramic
Cubemap
Equirectangular
| Info |
|---|
ICE Igloo Core Engine can process 360 formatted content within any Layer type, not just images and videos. |
Tutorial Video
...
Panoramic
A panoramic image or video is a wide field of view, large format image with an aspect ratio of at least 2:1. These images can be directly viewed using the Image and Video layer types in Igloo Core Engine. The layer’s geometry tab can be used to preserve the aspect ratio of the image (source) or to scale it to fit the canvas (container).
For files which have been made to specifically fit the canvas resolution of the immersive space, the aspect ratio can be set to Source (in fact either Source or Container will have the same effect because the content matches the canvas size).
Files can be stored in any location on the host computer but, especially for videos, it is recommended to store the files on the disks with the fastest read speeds.
...
Cubemap
The Cubemap format consists of 6 undistorted, perspective images (or faces): Left, Front, Right, Back, Bottom and Top. Typically, the faces are arranged in a strip or a cross topology. The following example uses a strip, which has a 6:1 aspect ratio.
When adding Cubemap content to the workspace, the default behaviour is for it to be centred within the canvas while maintaining its aspect ratio.
First, select Add Content > New > Image and set the image filepath to C:\ProgramData\Igloo Vision\IglooCoreEngine\example content\cubemap.jpg.
...
FirstNext, we need to convert to the Equirectangular format.
Go to the Layer Effects Tab, press the '+ Add effect' button and select Cubemap to Equirectangular
| Info |
|---|
For more information on using Effects see - ICE Igloo Core Engine Documentation - Effects |
Equirectangular
...
Go to the Layer Effects Tab, press the '+ Add effect' button and select True Perspective .
...
Sets the direction the content is Pitched in.
...
Next Section: Desktop UI - Working with WebViews