Custom Renderer

Feel free to create your own renderer. Renderer has to implement common interface

export interface IRenderer {

isInitialized: boolean

scoreStorm: ScoreStorm

getContainerWidth(): number

init(): void

createPage(parameters: PageParameters): void

postRender(): void

clear(): void

destroy(): void

setColor(color: string): void

drawRect(x: number, y: number, width: number, height: number): void

drawGlyph(glyph: string | number, x: number, y: number): void

renderInGroup(object: object, renderCallback: () => void): void
}

Example:

class CustomRenderer {
  // implementation according to Renderer interface
}

const scoreStorm = new ScoreStorm()

scoreStorm.setRenderer(new CustomRenderer(/** args **/))
scoreStorm.render()