Class ExerciseRenderer

Paints exercise content and live student ink onto the device canvas.

const renderer = new ExerciseRenderer(canvasEl);
strokeCapture.onStrokeUpdate((pt) => renderer.addLivePoint(pt));
strokeCapture.onStrokeComplete((s) => renderer.commitStroke(s));
primitiveRenderer.onPrimitivesUpdated(() => renderer.redraw());

Index

Constructors

constructor

Methods

addLivePoint clearStrokes commitStroke redraw setPrimitives

Constructors

constructor

new ExerciseRenderer(canvas: HTMLCanvasElement): ExerciseRenderer
Creates a new ExerciseRenderer bound to a canvas element.
Parameters
- canvas: HTMLCanvasElement
  The HTMLCanvasElement to draw on.
Returns ExerciseRenderer
- Defined in apps/edge/src/render/ExerciseRenderer.ts:46

Methods

addLivePoint

addLivePoint(point: PressurePoint): void
Appends a live ink point to the in-progress stroke path and redraws. Called on every pointermove while the student is drawing.
Parameters
- point: PressurePoint
  The latest PressurePoint from StrokeCapture.
Returns void
- Defined in apps/edge/src/render/ExerciseRenderer.ts:65

clearStrokes

clearStrokes(): void
Removes all committed student strokes from the canvas (used when the tutor clears the board or starts a new exercise).

Returns void
- Defined in apps/edge/src/render/ExerciseRenderer.ts:83

commitStroke

commitStroke(stroke: Stroke): void
Commits a completed stroke to the permanent ink layer and clears the live-ink path.
Parameters
- stroke: Stroke
  The completed Stroke from StrokeCapture.
Returns void
- Defined in apps/edge/src/render/ExerciseRenderer.ts:75

redraw

redraw(): void
Redraws all layers (exercise primitives + committed ink + live ink). Idempotent — safe to call many times per second from animation loops.

Returns void
- Defined in apps/edge/src/render/ExerciseRenderer.ts:91

setPrimitives

setPrimitives(primitives: VisualPrimitive[]): void
Replaces the current exercise-layer primitives with a new set and redraws.
Parameters
- primitives: VisualPrimitive[]
  Ordered list of VisualPrimitives from the tutor.
Returns void
- Defined in apps/edge/src/render/ExerciseRenderer.ts:55

Class ExerciseRenderer

Index

Constructors

Methods

Constructors

constructor

Parameters

Returns ExerciseRenderer

Methods

addLivePoint

Parameters

Returns void

clearStrokes

Returns void

commitStroke

Parameters

Returns void

redraw

Returns void

setPrimitives

Parameters

Returns void

Settings

On This Page