본문으로 건너뛰기

CylindricalProjection

Since version 4.0.0

원통 투영법 기반의 프로젝션.
일반적인 스마트폰 파노라마 사진을 표시하는데 사용될 수 있습니다.

class CylindricalProjection extends Projection

Extends

Properties

파노라마 이미지/비디오의 URL

비디오 엘리먼트에 설정할 프로퍼티를 담는 객체.

Methods

현재 프로젝션으로부터 TriangleMesh의 인스턴스를 생성합니다.

현재 프로젝션의 세팅으로 카메라를 업데이트합니다.

현재 프로젝션의 세팅으로 컨트롤을 업데이트합니다.

Constructor

새 인스턴스를 생성합니다.
new CylindricalProjection(options: CylindricalProjectionOptions): CylindricalProjection

Parameters

Properties

src

>=4.0.0
readonly inherited
src

string | HTMLElement | (string | HTMLElement)[]

파노라마 이미지/비디오의 URL

video

>=4.0.0
readonly inherited
video

undefined | boolean | Partial<VideoConfig>

비디오 엘리먼트에 설정할 프로퍼티를 담는 객체.

Example

Default properties

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

Methods

createMesh

>=4.0.0
createMesh

TriangleMesh<CommonProjectionUniforms>

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

현재 프로젝션으로부터 TriangleMesh의 인스턴스를 생성합니다.

Parameters

ctx

WebGLContext

WebGL context 헬퍼의 인스턴스

texture

Texture2D

새로 적용할 텍스쳐

updateCamera

>=4.0.0
updateCamera

void

updateCamera(camera: Camera): void

현재 프로젝션의 세팅으로 카메라를 업데이트합니다.

Parameters

camera

업데이트할 카메라의 인스턴스

updateControl

>=4.0.0
inherited
updateControl

void

updateControl(control: PanoControl): void

현재 프로젝션의 세팅으로 컨트롤을 업데이트합니다.

Parameters

업데이트할 컨트롤의 인스턴스