graphic render component

Hierarchy

  • BaseScene<PIXI.Application, HTMLCanvasElement, never, never, never, PIXI.Container, PIXI.DisplayObject, PIXI.Sprite>
    • Scene2D

Constructors

Properties

_vNode: VirtualNode<any>
backgroundImage: DisplayObject
brt?: any
camera?: undefined

相机实例,仅 3d 下有

defaultSceneViewType: symbol

默认的场景视图类型标识

fixResizeFramebufferBug: any

修复 PIXI bug,改写 resizeFramebuffer,解决 pixi frame buffer 只能由大变小但不能由小变大 resize 的问题 因为修复此 bug 会导致性能问题,所以只在必要的时候使用,通过参数控制改写的内容

getCurrentApp: (() => undefined | Application)

Type declaration

    • (): undefined | Application
    • Returns undefined | Application

getCurrentInteractiveController: (() => undefined | InteractiveController<any, any, any>)

Type declaration

height: number
maxFPS: number
mountTimer: number
offsetCenter: any
onClick: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onDBClick: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onDragEnd: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onDragMove: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onDragStart: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onPinch: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onPinchEnd: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onPinchStart: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onPointerMove: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onPointerUp: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onPress: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onPressUp: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onRightClick: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onRotate: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onRotateEnd: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onRotateStart: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

onWheel: ((event) => void)

Type declaration

    • (event): void
    • Parameters

      Returns void

originalResizeFramebufferFunction: any
raycaster?: undefined

射线实例,仅 3d 下有

renderFlag: boolean
resizeStage: ((app) => void)

Type declaration

    • (app): void
    • Parameters

      • app: Application

      Returns void

resolution: number
rt?: any
scene?: undefined

场景实例,仅 3d 下有

sceneContext: SceneContext
sceneType: SceneType

场景类型,标识是 2d 还是 3d 场景

tickers: Function[]
updateCursor: ((app, cursor) => void)

Type declaration

    • (app, cursor): void
    • Parameters

      • app: Application
      • cursor: string

      Returns void

view: Container

模型实际容器

viewport?: Sprite

模型视口容器(有多视图的时候才有)

width: number
BACKGROUND_COLOR: number

默认背景色

DEFAULT_HEIGHT: number

默认画布高度

DEFAULT_WIDTH: number

默认画布宽度

SCALE_BIGGER: number
SCALE_SMALLER: number
TRANSPARENT: boolean

默认是否透明

appMap: Map<string, any>

挂载点与应用上下文的映射关系

appMountedStatus: Map<string, boolean>

应用上下文是否已经挂载的状态

interactiveMap: Map<any, IInteractiveControllerInfo<any, any, any>>

应用上下文与不同视角交互控制器的映射关系

Accessors

  • get context(): SceneContext
  • Returns SceneContext

Methods

  • 添加子视图的接口

    Parameters

    • view: DisplayObject

    Returns void

  • 添加根视图容器到 app stage 的实现

    Parameters

    • app: Application

    Returns void

  • 画布拖拽功能的实现,注意:如果已经引入其他交互插件则无需重复实现,避免实现上的冲突

    Parameters

    • event: SceneEvent<any>
    • type: "start" | "move" | "end"

    Returns void

  • 画布缩放功能的实现,注意:如果已经引入其他交互插件则无需重复实现,避免实现上的冲突

    Parameters

    Returns void

  • Returns void

  • Returns void

  • Returns void | Promise<void>

  • 创建 gl app instance,并返回

    Returns Application

  • 初始化坐标系控制系统

    Parameters

    • app: Application

    Returns CoordinateControllerPixi

  • 创建根视图,给 view 设值

    Returns Container

  • 初始化视口,给 viewport 设值

    Returns void

  • 销毁 gl app 及相关清理工作的实现

    Parameters

    • app: Application

    Returns void

  • 停止内置的 InteractionManager

    Parameters

    • app: Application

    Returns void

  • Returns void

  • Parameters

    • app: Application

    Returns {
        height: number;
        renderer: HTMLCanvasElement;
        width: number;
    }

    • height: number
    • renderer: HTMLCanvasElement
    • width: number
  • 获取 hitTarget 的原始实现方法

    Returns ((point, container, configMap, interactiveType) => {
        originalTarget: DisplayObject;
        target: undefined | DisplayObject;
    })

      • (point, container, configMap, interactiveType): {
            originalTarget: DisplayObject;
            target: undefined | DisplayObject;
        }
      • Parameters

        Returns {
            originalTarget: DisplayObject;
            target: undefined | DisplayObject;
        }

        • originalTarget: DisplayObject
        • target: undefined | DisplayObject
  • 获取截图

    Parameters

    • Optional sx: number
    • Optional sy: number
    • Optional w: number
    • Optional h: number
    • Optional fileType: string
    • Optional quality: number
    • Optional isBase64: boolean

    Returns Promise<string | Blob>

  • 获取根视图的基本信息(position、scale、visible)

    Returns {
        position: {
            x: number;
            y: number;
        };
        scale: {
            x: number;
            y: number;
        };
        visible: boolean;
    }

    • position: {
          x: number;
          y: number;
      }
      • x: number
      • y: number
    • scale: {
          x: number;
          y: number;
      }
      • x: number
      • y: number
    • visible: boolean
  • 获取视口的实现

    Returns undefined | Sprite

  • 获取视口基础信息的实现

    Returns undefined | {
        height: number;
        position: {
            x: number;
            y: number;
        };
        scale: {
            x: number;
            y: number;
        };
        visible: boolean;
        width: number;
    }

  • 初始化天空盒

    Returns void

  • 将渲染器/画布挂载到视图布局上(浏览器环境下无需另外实现)

    Returns void

  • 移除应用子视图

    Parameters

    • app: Application

    Returns void

  • Returns null | Element<any>[]

  • resize 视口

    Parameters

    • app: Application

    Returns void

  • 设置背景图

    Parameters

    • app: Application

    Returns void

  • 设置根视图的位置

    Parameters

    • position: Partial<Vec3>

    Returns void

  • 设置根视图的缩放

    Parameters

    • scale: Partial<Vec3>

    Returns void

  • 设置根视图是否可见

    Parameters

    • visible: boolean

    Returns void

  • 设置视口的位置

    Parameters

    • position: Partial<Vec3>

    Returns void

  • 设置视口的缩放

    Parameters

    • scale: Partial<Vec3>

    Returns void

  • 设置视口是否可见

    Parameters

    • visible: boolean

    Returns void

  • 卸载画布的钩子(主要做一些清理回收工作,浏览器环境下无需另外实现)

    Returns void

  • 更新相机位置

    Returns void

  • Returns void

  • 更新分辨率

    Parameters

    • app: Application

    Returns void

Generated using TypeDoc