Skip to content

Supported Projection Type

Jongmoon Yoon edited this page Aug 2, 2018 · 4 revisions

Supported Projection Type

View360 supports all three types.

const PROJECTION_TYPE = {
	EQUIRECTANGULAR: "equirectangular",
	CUBEMAP: "cubemap",
	CUBESTRIP: "cubestrip"
};

Reference: PanoViewer.PROJECTION_TYPE

1. EQUIRECTANGUALR

Shows the projected content in Equirectangular Projection format.

2. CUBEMAP

It is the same as CUBESTRIP in that it shows the projected contents in the Cubic Projection format.

See Customizing Cubemap for more information on Cubemap settings.

When to use?

If you have any of the following, you must use CUBEMAP.

1. If you are using a very large cubemap image

  • If you use a very large cubemap image for each face that makes up the cube, you can not create a texture that is typically 4096 x 4096 or larger on mobile due to [limit of texture size available in hardware] ().
  • When considering mobile environment, CUBEMAP is used when it exceeds 4096 x 4096 range.

2. If you're using individual images for a cube

  • CUBEMAP is used when 6 images constituting the cube are each individual files.
{
	projectionType: "cubemap",
	image: [ 
		'../static_assets/sample_right.jpg', 
		'../static_assets/sample_left.jpg',
		'../static_assets/sample_top.jpg', 
		'../static_assets/sample_bottom.jpg', 
		'../static_assets/sample_back.jpg',
		'../static_assets/sample_front.jpg' 
	]
}

3. Not a 3x2 layout

  • CUBEMAP is used when the following layout is used to arrange six images constituting a single cube.
    • 1x6, 2x3, 3x2, 6x1

image

3. CUBESTRIP

It is the same as CUBEMAP in that it shows the projected contents in the Cubic Projection format.

See Customizing Cubemap for more information on Cubemap settings.

When to use?

1. If you need faster rendering (for example, when playing video)

  • CUBESTRIP performs faster than CUBEMAP because it renders it without going through CANVAS.

2. Using the YouTube EAC format

  • EAC format is a more efficient format that improves existing Cubic Projection.

Clone this wiki locally