SimpleKit

Learned and used in CS349.

Simplest thing

import { startSimpleKit, setSKDrawCallback } from "simplekit/canvas-mode";
 
startSimpleKit();
 
setSKDrawCallback((gc) => {
  gc.clearRect(0, 0, gc.canvas.width, gc.canvas.height);
  // Insert functions here
  rectangleDemo(gc);
  pathDemo(gc);
  pathHouseDemo(gc);
});

You can save states and later restore them

  gc.save();
 
  gc.fillStyle = "yellow";
  gc.strokeStyle = "black";
  gc.lineWidth = 2;
  circle(110, 50);
 
  gc.restore();

Related