Creates a renderer that drives the canvas draw loop and handles pointer tracking.
The renderer automatically clears the canvas each frame and emits a "draw" event where scenes can paint. Call renderer.start() to begin the RAF loop.
"draw"
renderer.start()
The target <canvas> element
<canvas>
Optional
A KaylaRenderer instance
KaylaRenderer
const canvas = document.getElementById("game") as HTMLCanvasElement;const renderer = createRenderer(canvas);renderer.start(); Copy
const canvas = document.getElementById("game") as HTMLCanvasElement;const renderer = createRenderer(canvas);renderer.start();
Creates a renderer that drives the canvas draw loop and handles pointer tracking.
The renderer automatically clears the canvas each frame and emits a
"draw"event where scenes can paint. Callrenderer.start()to begin the RAF loop.