sparkle-engine

Class Renderer

renderer 用于绘制所以能在屏幕上看见的东西

Constructors

constructor

Properties

antialias backgroundColor canvas compositors currentCompositors currentShader devicePixelRatio engine gl matrixStack modelMatrix nativeSize path projectionMatrix scaleMode visable visableStack

Accessors

lastMartix root

Methods

addCompositors clear createOrthographicProjectionMatrix draw drawLine drawPolygon initCostumDraw reset resize restore save setCompositors setNativeSize updateNativeSize useShader

Constructors

constructor

Properties

antialias

antialias: boolean

是否开启抗锯齿

backgroundColor

backgroundColor: Color

背景颜色

canvas

canvas: HTMLCanvasElement

游戏的canvas

Private compositors

compositors: Map<string, Compositor> = ...

合成器存储

currentCompositors

currentCompositors: Compositor

当前状态的合成器

currentShader

currentShader: GLShader

当前状态的shader

devicePixelRatio

devicePixelRatio: number

Private engine

engine: SparkleEngine

gl

gl: WebGLRenderingContext

webgl 上下文

Private matrixStack

matrixStack: Matrix[] = []

矩阵堆栈，用于记录状态

modelMatrix

modelMatrix: Matrix

当前状态的模型矩阵

Private nativeSize

nativeSize: Vector2

游戏有多少像素

path

path: Path = ...

用于绘制多边形或线条的Path，合成器使用

projectionMatrix

projectionMatrix: Float32Array

投影矩阵

scaleMode

scaleMode: SCALE_MODE

当canvas大小改变时的缩放策略

Default

{@link SCALE_MODE.ADAPTIVE}

visable

visable: boolean = true

当前状态是否隐藏

Private visableStack

visableStack: boolean[] = []

显示堆栈，用于记录状态

Accessors

lastMartix

root

Methods

addCompositors

  • addCompositors(name, compositors): void

  • 添加一个合成器

    Parameters

    • name: string
    • compositors: Compositor

    Returns void

clear

Private createOrthographicProjectionMatrix

  • createOrthographicProjectionMatrix(left, right, bottom, top): Float32Array

  • 创建投影矩阵

    Parameters

    • left: number
    • right: number
    • bottom: number
    • top: number

    Returns Float32Array

    矩阵

draw

drawLine

drawPolygon

Private initCostumDraw

reset

Private resize

restore

save

setCompositors

  • setCompositors(compositorsName, shader?): void

  • 设置当前的合成器

    Parameters

    • compositorsName: string

      合成器名称

    • Optional shader: GLShader

      自定义shader

    Returns void

Private setNativeSize

  • setNativeSize(width, height): void

  • 更新 NativeSize

    Parameters

    • width: number
    • height: number

    Returns void

Private updateNativeSize

useShader