Product

Spec walkthroughs that replace the kickoff

Narrate the document once. Engineers, designers and QA watch it before they ask questions.

For product managers.

Free to download · Windows 10 & 11 · 4.5 MB

renderer.ts — Sceed

Explorer

src

lib

renderer.ts

zoom.ts

cursor.ts

frame.ts

panels

CameraPanel.tsx

main.tsx

renderer.tszoom.ts

1// one renderer for the preview and the export

2export function renderFrame(ctx: Ctx, t: number) {

3 const cam = solveCamera(zooms, t)

4 const crop = cameraToCrop(cam, vw, vh)

5 drawBackground(ctx, style.background)

6 drawCard(ctx, crop, { radius: 18, shadow: true })

7 if (webcam.active) drawWebcamBubble(ctx, webcam, t)

8 drawCursor(ctx, smooth(path, t, 0.9), look)

9 for (const fx of effects) paintFx(ctx, fx, t)

10 drawCaptions(ctx, cues, t, { look: 'karaoke' })

11 return layout

12}

14// ease in after start, ease out before end

15export const block = (t: number, a: number, b: number) =>

16 clamp(min((t - a) / 0.35, (b - t) / 0.35), 0, 1)

main0 problemsLn 8, Col 14TypeScript

Captionsaremadeonyourmachine,wordbyword.

Karaoke

The situation

Kickoff meetings repeat the document out loud; a recording with the document scrolled and zoomed says it once, with the emphasis in the right places.