Interface View

3D 表示を担うクラスが実装するインターフェースです。

Canvas・Window・GameCanvas などはすべてこのインターフェースを実装しています。 scene・camera・controller を持ち、生成直後から表示できる状態で作られます。 replaceScene() でシーンを切り替えることができます。

interface View {
    camera: Camera;
    controller: Controller;
    scene: Scene;
    cameraToScreen(loc: Vec3): { x: number; y: number };
    replaceScene(newScene: Scene): Scene;
    screenToCamera(x: number, y: number, depth: number): Vec3;
    screenToWorld(x: number, y: number, depth: number): Vec3;
    setController(controller: Controller): void;
    setShadowMap(value: boolean): void;
    waitForRender(): Promise<number>;
    worldToScreen(loc: Vec3): { x: number; y: number };
}

Implemented by

Index

Properties

camera controller scene

Methods

cameraToScreen replaceScene screenToCamera screenToWorld setController setShadowMap waitForRender worldToScreen

Properties

camera

camera: Camera

このビューのカメラ。初期位置は (0, 0, 3) です。

controller

controller: Controller

このビューの入力コントローラー。デフォルトは OrbitController です。

scene

scene: Scene

このビューが表示している Scene。

Methods

cameraToScreen

cameraToScreen(loc: Vec3): { x: number; y: number }
カメラ座標を画面上のピクセル座標に変換します。
Parameters
- loc: Vec3
  カメラ座標
Returns { x: number; y: number }
画面上のピクセル座標 { x, y }
- Defined in src/core/View.ts:55

replaceScene

replaceScene(newScene: Scene): Scene
このビューが表示するシーンを切り替えます。
Parameters
- newScene: Scene
  新しいシーン
Returns Scene
古いシーン
- Defined in src/core/View.ts:30

screenToCamera

screenToCamera(x: number, y: number, depth: number): Vec3
画面上のピクセル座標をカメラ座標に変換します。
Parameters
- x: number
  画面上の x 座標
- y: number
  画面上の y 座標
- depth: number
  カメラからの深度
Returns Vec3
カメラ座標
- Defined in src/core/View.ts:63

screenToWorld

screenToWorld(x: number, y: number, depth: number): Vec3
画面上のピクセル座標をワールド座標に変換します。
Parameters
- x: number
  画面上の x 座標
- y: number
  画面上の y 座標
- depth: number
  カメラからの深度（クリップ座標系）
Returns Vec3
ワールド座標
- Defined in src/core/View.ts:49

setController

setController(controller: Controller): void
入力コントローラーを切り替えます。
Parameters
- controller: Controller
  新しいコントローラー
Returns void
- Defined in src/core/View.ts:35

setShadowMap

setShadowMap(value: boolean): void
このViewのレンダラが影の描画のためのShadowMapを有効にするかどうかを設定します。
Parameters
- value: boolean
  trueの時は有効にします。falseの時は無効にします。
Returns void
- Defined in src/core/View.ts:73

waitForRender

waitForRender(): Promise<number>
次のフレームが描画されるまで待機します。

Returns Promise<number>
経過時間（ミリ秒）を解決する Promise
- Defined in src/core/View.ts:68

worldToScreen

worldToScreen(loc: Vec3): { x: number; y: number }
ワールド座標を画面上のピクセル座標に変換します。
Parameters
- loc: Vec3
  ワールド座標
Returns { x: number; y: number }
画面上のピクセル座標 { x, y }
- Defined in src/core/View.ts:41