Skip to main content

Projection

Since version 4.0.0

source

Base class for projections.

abstract class Projection

Properties

src

Source URL to panorama image/video.

video

Properties for the video element.
Setting false will treat panorama source as an image, true will use default properties.

Methods

createMesh

Generate triangle mesh from current projection.

updateCamera

Update camera to match projection's settings.

updateControl

Update control to match projection's settings.

Constructor​

Create new instance
new Projection(options: ProjectionOptions): Projection

Parameters

options

ProjectionOptions

Options

Properties​

src​

>=4.0.0
readonly
src

string | HTMLElement | (string | HTMLElement)[]

Source URL to panorama image/video.

source

video​

>=4.0.0
readonly
video

undefined | boolean | Partial<VideoConfig>

Properties for the video element.
Setting false will treat panorama source as an image, true will use default properties.

Example

Default properties

autoplay: true
muted: true
loop: false
volume: 1

source

Methods​

createMesh​

>=4.0.0
abstract
createMesh

TriangleMesh<CommonProjectionUniforms>

createMesh(ctx: WebGLContext, texture: Texture): TriangleMesh<CommonProjectionUniforms>

Generate triangle mesh from current projection.

Parameters

ctx

WebGLContext

Instance of the WebGLContext helper

texture

Texture

New texture to apply

source

updateCamera​

>=4.0.0
updateCamera

void

updateCamera(camera: Camera): void

Update camera to match projection's settings.

Parameters

camera

Camera

Instance of the camera to update

source

updateControl​

>=4.0.0
updateControl

void

updateControl(control: PanoControl): void

Update control to match projection's settings.

Parameters

control

PanoControl

Instance of the control to update

source