Interface View

Canvasなどの3D表示を担当するクラスをまとめるためのインターフェース。基本、表示がメインのクラスだが、初心者用であることを考えてコンストラクタ内で必ず空のSceneとCameraも生成して持っておき、すぐに表示可能な状態で生成されるようにする。このSceneは、必要な時に交換することができ、シーンの切り替えができる。将来的にはTHREE.StereoCameraとかWebXRとか実装したいところ。

細かいこととして、これを実装するクラスでは、Cameraは Sceneに配置した上で、座標(0,0,3)の場所に配置し、 (0,0,-1)の方向を向かせて、上は(0,1,0)にするように統一する。 ViewBaseクラスも参照。

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;
    waitForRender(): Promise<number>;
    worldToScreen(loc: Vec3): { x: number; y: number };
}

Implemented by

Index

Properties

camera controller scene

Methods

cameraToScreen replaceScene screenToCamera screenToWorld setController waitForRender worldToScreen

Properties

camera

camera: Camera

controller

controller: Controller

scene

scene: Scene

Methods

cameraToScreen

cameraToScreen(loc: Vec3): { x: number; y: number }
Parameters
- loc: Vec3
Returns { x: number; y: number }
- Defined in src/core/View.ts:34

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
- y: number
- depth: number
Returns Vec3
- Defined in src/core/View.ts:35

screenToWorld

screenToWorld(x: number, y: number, depth: number): Vec3
Parameters
- x: number
- y: number
- depth: number
Returns Vec3
- Defined in src/core/View.ts:33

setController

setController(controller: Controller): void
Parameters
- controller: Controller
Returns void
- Defined in src/core/View.ts:31

waitForRender

waitForRender(): Promise<number>
Returns Promise<number>
- Defined in src/core/View.ts:36

worldToScreen

worldToScreen(loc: Vec3): { x: number; y: number }
Parameters
- loc: Vec3
Returns { x: number; y: number }
- Defined in src/core/View.ts:32