Class FLViewer

Three.js 3D 场景视图类，使用 FlyControls 飞行控制器

Hierarchy (View Summary)

BaseViewer
- FLViewer

Index

Constructors

Properties

ambLight camera container? controls dirLight renderer scene timer topScenes

Accessors

autoForward height width

Methods

addEventListener addTo animate createAmbLight createCamera createDirLight createRenderer createScene dispatchEvent dispose hasEventListener removeEventListener resize update

Constructors

constructor

new FLViewer(
container?: string | HTMLElement,
options?: ViewerOptions,
): FLViewer
构造函数
Parameters
- Optionalcontainer: string | HTMLElement
  容器元素或 CSS 选择器
- options: ViewerOptions = {}
  视图选项
Returns FLViewer
Overrides BaseViewer.constructor
- Defined in packages/plugin/src/GLViewer/FLViewer.ts:31

Properties

`Readonly`ambLight

ambLight: AmbientLight

环境光

`Readonly`camera

camera: PerspectiveCamera

透视相机

`Optional`container

container?: HTMLElement

挂载容器元素

controls

controls: FlyControls

飞行控制器

`Readonly`dirLight

dirLight: DirectionalLight

平行光

`Readonly`renderer

renderer: WebGLRenderer

WebGL 渲染器

`Readonly`scene

scene: Scene

主场景

`Readonly`timer

timer: Timer = ...

帧计时器，用于计算每帧间隔时间

`Readonly`topScenes

topScenes: Scene[] = []

顶层覆盖场景列表（渲染在主场景之上）

Accessors

autoForward

get autoForward(): boolean
获取是否自动前进

Returns boolean
- Defined in packages/plugin/src/GLViewer/FLViewer.ts:18
set autoForward(value: boolean): void
设置是否自动前进
Parameters
- value: boolean
Returns void
- Defined in packages/plugin/src/GLViewer/FLViewer.ts:22

height

get height(): number
容器高度

Returns number
Inherited from BaseViewer.height
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:77

width

get width(): number
容器宽度

Returns number
Inherited from BaseViewer.width
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:72

Methods

addEventListener

addEventListener<T extends keyof ViewerEventMap>(
type: T,
listener: EventListener<ViewerEventMap[T], T, FLViewer>,
): void
Adds a listener to an event type.
Type Parameters
- T extends keyof ViewerEventMap
Parameters
- type: T
  The type of event to listen to.
- listener: EventListener<ViewerEventMap[T], T, FLViewer>
  The function that gets called when the event is fired.
Returns void
Inherited from BaseViewer.addEventListener
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:52

addTo

addTo(container: string | HTMLElement): FLViewer
将渲染器添加到容器中
Parameters
- container: string | HTMLElement
  容器元素或 CSS 选择器
Returns FLViewer
this
Inherited from BaseViewer.addTo
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:108

animate

animate(): void
Three.js 动画循环

Returns void
Overrides BaseViewer.animate
- Defined in packages/plugin/src/GLViewer/FLViewer.ts:59

`Protected`createAmbLight

createAmbLight(): AmbientLight
创建环境光

Returns AmbientLight
环境光
Inherited from BaseViewer.createAmbLight
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:168

`Protected`createCamera

createCamera(): PerspectiveCamera
创建透视相机

Returns PerspectiveCamera
相机
Inherited from BaseViewer.createCamera
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:158

`Protected`createDirLight

createDirLight(): DirectionalLight
创建平行光

Returns DirectionalLight
平行光
Inherited from BaseViewer.createDirLight
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:177

`Protected`createRenderer

createRenderer(
    antialias: boolean,
    stencil: boolean,
    logarithmicDepthBuffer: boolean,
): WebGLRenderer
创建 WebGL 渲染器
Parameters
- antialias: boolean
  是否抗锯齿
- stencil: boolean
  是否使用模板缓冲
- logarithmicDepthBuffer: boolean
  是否使用对数深度缓冲
Returns WebGLRenderer
渲染器
Inherited from BaseViewer.createRenderer
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:140

`Protected`createScene

createScene(): Scene
创建主场景

Returns Scene
场景
Inherited from BaseViewer.createScene
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:125

dispatchEvent

dispatchEvent<T extends keyof ViewerEventMap>(
event: BaseEvent<T> & ViewerEventMap[T],
): void
Fire an event type.
Type Parameters
- T extends keyof ViewerEventMap
Parameters
- event: BaseEvent<T> & ViewerEventMap[T]
  The event that gets fired.
Returns void
Inherited from BaseViewer.dispatchEvent
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:81

dispose

dispose(): void
清理资源

Returns void
Overrides BaseViewer.dispose
- Defined in packages/plugin/src/GLViewer/FLViewer.ts:51

hasEventListener

hasEventListener<T extends keyof ViewerEventMap>(
type: T,
listener: EventListener<ViewerEventMap[T], T, FLViewer>,
): boolean
Checks if listener is added to an event type.
Type Parameters
- T extends keyof ViewerEventMap
Parameters
- type: T
  The type of event to listen to.
- listener: EventListener<ViewerEventMap[T], T, FLViewer>
  The function that gets called when the event is fired.
Returns boolean
Inherited from BaseViewer.hasEventListener
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:62

removeEventListener

removeEventListener<T extends keyof ViewerEventMap>(
type: T,
listener: EventListener<ViewerEventMap[T], T, FLViewer>,
): void
Removes a listener from an event type.
Type Parameters
- T extends keyof ViewerEventMap
Parameters
- type: T
  The type of the listener that gets removed.
- listener: EventListener<ViewerEventMap[T], T, FLViewer>
  The listener function that gets removed.
Returns void
Inherited from BaseViewer.removeEventListener
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:72

resize

resize(): FLViewer
容器大小变化处理

Returns FLViewer
this
Inherited from BaseViewer.resize
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:188

`Protected`update

update(): void
渲染一帧（主场景 + 覆盖场景）

Returns void
Inherited from BaseViewer.update
- Defined in packages/plugin/src/GLViewer/BaseViewer.ts:216