function drawHand()

in src/app/pages/game/helpers/hand-renderer.ts [50:74]


function drawHand(ctx: CanvasRenderingContext2D, keypoints: number[][]) {
  ctx.strokeStyle = '#FFFFFF';
  ctx.lineWidth = 3;
  ctx.fillStyle = '#FFFFFF';

  // draw palm
  drawPath(ctx, [
    keypoints[0],
    keypoints[5],
    keypoints[9],
    keypoints[13],
    keypoints[17],
    keypoints[0],
  ]);
  // thumb
  drawFinger(ctx, keypoints.slice(0, 5));
  // index
  drawFinger(ctx, keypoints.slice(5, 9));
  // middle
  drawFinger(ctx, keypoints.slice(9, 13));
  // ring
  drawFinger(ctx, keypoints.slice(13, 17));
  // pinky
  drawFinger(ctx, keypoints.slice(17, 21));
}