Function ghost

packages/cli/src/commands/motionShotLayout.ts:171–180

(corners: Pt[], center: Pt, color: string, opacity: number, f: number)

  s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");

const ghost = (corners: Pt[], center: Pt, color: string, opacity: number, f: number): string => {
  const tickEnd = {
    x: (corners[0]!.x + corners[1]!.x) / 2,
    y: (corners[0]!.y + corners[1]!.y) / 2,
  };
  return (
    polygon(corners, color, Math.max(0.08, opacity * 0.42), timeColor(f)) +
    line(center, tickEnd, timeColor(f), 3, 0.9)
  );
};

/** Build the full onion-skin SVG overlay markup from sampled elements. */
export function buildOnionSvg(elements: OnionElement[], opt: ShotLayoutOptions): string {