본문으로 건너뛰기

WebGLRenderer

Since version 4.0.0

WebGL 기반의 프로젝션 렌더러

class WebGLRenderer

Properties

너비 / 높이의 비율 (= width / height)

캔버스 엘리먼트

캔버스의 높이 (devicePixelRatio가 적용되지 않은)

현재 devicePixelRatio 값.

캔버스의 보이는 너비 (devicePixelRatio가 적용되지 않은)

Methods

인스턴스를 제거하고 사용된 리소스를 전부 해제합니다.

프로젝션을 렌더링합니다.

VR 프레임을 렌더링합니다. VR 세션 진입 도중에만 사용됩니다.

캔버스의 크기를 재계산해서 내부의 사이즈 캐시값을 갱신합니다.

Constructor

새 인스턴스를 생성합니다.
new WebGLRenderer(canvas: HTMLCanvasElement, debug: boolean): WebGLRenderer

Parameters

canvas

HTMLCanvasElement

캔버스 엘리먼트

debug

boolean

WebGL debug 활성화 여부

Properties

ctx

readonly
ctx

WebGLContext

aspect

>=4.0.0
readonly
aspect

number

너비 / 높이의 비율 (= width / height)

Example
const aspect = view360.renderer.width / view360.renderer.pixelRatio;
assert(aspect === view360.renderer.aspect);

canvas

>=4.0.0
readonly
canvas

HTMLCanvasElement

캔버스 엘리먼트

height

>=4.0.0
readonly
height

number

캔버스의 높이 (devicePixelRatio가 적용되지 않은)

pixelRatio

>=4.0.0
readonly
pixelRatio

number

현재 devicePixelRatio 값.

Example
cosnt renderingWidth = view360.renderer.width * view360.renderer.pixelRatio;

width

>=4.0.0
readonly
width

number

캔버스의 보이는 너비 (devicePixelRatio가 적용되지 않은)

Methods

destroy

>=4.0.0
destroy

void

destroy(): void

인스턴스를 제거하고 사용된 리소스를 전부 해제합니다.

render

>=4.0.0
render

void

render(mesh: TriangleMesh<CommonProjectionUniforms>, camera: Camera): void

프로젝션을 렌더링합니다.

Parameters

mesh

TriangleMesh<CommonProjectionUniforms>

camera

renderVR

>=4.0.0
renderVR

void

renderVR(mesh: TriangleMesh<CommonProjectionUniforms>, vr: XRManager, frame: XRFrame): void

VR 프레임을 렌더링합니다. VR 세션 진입 도중에만 사용됩니다.

Parameters

mesh

TriangleMesh<CommonProjectionUniforms>

렌더링할 메쉬

XRManager의 인스턴스

frame

XRFrame

VR 프레임

resize

>=4.0.0
resize

void

resize(): void

캔버스의 크기를 재계산해서 내부의 사이즈 캐시값을 갱신합니다.