css-doodle/css-doodle v0.22.0 on GitHub

Now use WebGL2 and GLSL3.0 for shader programs.

Added @paint function for quick CSS painting API experiment.

background: @paint(
  paint(ctx, {width, height}) {
    let x = width / 2;
    let y = height / 2;
    let r = Math.min(x, y);
    ctx.fillStyle = 'red';
    ctx.beginPath();
    ctx.arc(x, y, r, 0, 2 * Math.PI);
    ctx.fill();
  }
);

If the inner paint function is missing it will try to autocomplete the code.

background: @paint(
  let x = width / 2;
  let y = height / 2;
  let r = Math.min(x, y);
  ctx.fillStyle = 'red';
  ctx.beginPath();
  ctx.arc(x, y, r, 0, 2 * Math.PI);
  ctx.fill();
);