diff --git a/remotion/src/folge09/szene2.tsx b/remotion/src/folge09/szene2.tsx index 8a08c90..3f529ef 100644 --- a/remotion/src/folge09/szene2.tsx +++ b/remotion/src/folge09/szene2.tsx @@ -2,14 +2,16 @@ import React from 'react'; import {interpolate, useCurrentFrame} from 'remotion'; import {Figur, Kamera} from '../baukasten/figur'; import {Drachen} from '../baukasten/drachen'; -import {Blende, Vignette, atmen, huepfer, kamFahrt} from '../baukasten/helfer'; +import {Blende, Vignette, atmen, huepfer, kamFahrt, punkt} from '../baukasten/helfer'; import {BODEN} from '../baukasten/orte'; import {Untertitel} from '../baukasten/untertitel'; import {plane} from './plan'; -import {LuluImWind, PLATZ, WindGarten, drachenUeberNoa} from './teile'; +import {LuluImWind, PLATZ, WindGarten} from './teile'; -// Szene 2: Mein Drachen. Windiger Nachmittag; Noa hält ihren roten Papierdrachen hoch, die drei -// Schleifen am Schwanz leuchten beim Zählen nacheinander auf. +// Szene 2: Mein Drachen. Windiger Nachmittag; Noa hält ihren roten Papierdrachen mit beiden Händen vor +// dem Bauch (Pose noa_A_klatschen, die Fäustlinge liegen am Leistenkreuz), die drei Schleifen am +// Schwanz leuchten beim Zählen nacheinander auf. Die Fäustlinge werden über dem Drachen noch einmal +// gezeichnet, damit sie ihn sichtbar festhalten. export const S2 = plane('s2', [ {id: 'bild0', dauer: 2.6}, @@ -26,17 +28,23 @@ export const S2 = plane('s2', [ const klemm = {extrapolateLeft: 'clamp', extrapolateRight: 'clamp'} as const; +// Fäustlinge in noa_A_klatschen (Leinwand, gemessen): Rahmen 707–791 × 366–441 +const HAENDE = {cx: 749, cy: 403, rx: 48, ry: 42}; + export const Szene2: React.FC = () => { const f = useCurrentFrame(); const {z, dauer} = S2; - const d = drachenUeberNoa(PLATZ.noa); + const d = punkt('noa', PLATZ.noa, BODEN, HAENDE.cx, HAENDE.cy); + const ecke = punkt('noa', PLATZ.noa, BODEN, HAENDE.cx + HAENDE.rx, HAENDE.cy + HAENDE.ry); + const haende = `ellipse(${ecke.x - d.x}px ${ecke.y - d.y}px at ${d.x}px ${d.y}px)`; + const noaPose = ; const leuchte = (id: 'z1' | 'z2' | 'z3') => interpolate(f, [z[id].start, z[id].start + 6, z[id].frei, z[id].frei + 8], [0, 1, 1, 0.25], klemm); const kam = kamFahrt(f, [ [0, 1060, 540, 1.0], [z.bild0.ende, 1060, 600, 1.15], [z.n2.ende, 1000, 560, 1.2], - [z.e1.start + 20, d.x, d.y + 60, 2.2], // Nahaufnahme Drachen zum Zählen - [z.e2.ende, d.x, d.y + 60, 2.2], + [z.e1.start + 20, d.x, d.y + 30, 2.0], // Nahaufnahme Drachen zum Zählen + [z.e2.ende, d.x, d.y + 30, 2.0], [dauer, 1060, 600, 1.15], ]); return ( @@ -45,8 +53,9 @@ export const Szene2: React.FC = () => { - - + {noaPose} + +
{noaPose}