API
Viewport

negl 機能一覧 / Exports / Viewport

Class: Viewport

画面サイズとカメラの値を管理します。

このクラスはnegl内部でインスタンス化され、viewport オブジェクトとして提供されます。

取得方法

import { viewport } from "negl";
import { isMobile } from "../../examples/parts/helper/isMobile";
// or
window.negl.viewport;

Table of contents

Properties

Properties

aspect

aspect: number = 0

PerspectiveCamera (opens in a new tab) のアスペクト(aspect)を保持します。 この値を用いて camera は作成されます。


cameraZ

cameraZ: number = 0

camera の z 軸のポジションを保持します。


canvas

canvas: HTMLCanvasElement

#canvas 要素を保持します。


devicePixelRatio

devicePixelRatio: number = 1

レンダリング時に使用するピクセル比を保持します。 この値は config.viewport.devicePixelRatio で変更可能です。


far

far: number = 0

PerspectiveCamera (opens in a new tab) のファー(far)を保持します。 この値は config.viewport.far で変更可能です。 この値を用いて camera は作成されます。


fov

fov: number = 0

PerspectiveCamera (opens in a new tab) のフォブ(fov)を保持します。 この値を用いて camera は作成されます。


height

height: number = 0

#canvas 要素の縦幅を保持します。


near

near: number = 0

PerspectiveCamera (opens in a new tab) のファー(near)を保持します。 この値は config.viewport.near で変更可能です。 この値を用いて camera は作成されます。


rad

rad: number = 0

fov のラジアン単位の値を保持します。


width

width: number = 0 #canvas 要素の縦幅を保持します。