Education

Flipped classroom recordings

Record the explanation once; spend the lesson on the questions.

For teachers, lecturers.

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

Explaining the same concept to five classes is five recordings; one good recording frees the class time.