Folge 1, Szene 2, Rückmeldung 2: alter Apfelbaum wie bei Higgsfield (knorriger Stamm, Gabel, kahle Äste, Zweig zum Apfel), Noa geht zügiger, Hocke ohne Clip als weiche Überblendung

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

remotion/src/baukasten/orte.tsx

@@ -221,6 +221,50 @@ export const GartenSVG: React.FC<{nacht?: boolean}> = ({nacht = false}) => (
 	</svg>
 );
 
+// Folge 1: alter Apfelbaum wie in den Higgsfield-Bildern – knorriger Stamm mit
+// Wurzelansatz und Rinde, weit ausladende kahle Äste, nur noch wenige Blätter.
+// Ein Zweig führt zum Apfel (Apfel selbst ist ein eigenes Teil, siehe APFEL in folge01/szene2).
+const AlterBaum: React.FC<{x: number; y: number; s?: number; abend?: boolean; apfel?: [number, number]}> = ({x, y, s = 1, abend, apfel}) => {
+	const stamm = abend ? '#5e4a3c' : '#7a6452';
+	const ast = abend ? '#56443a' : '#6b5646';
+	const rinde = abend ? '#3e3028' : '#4f3e32';
+	return (
+		<g transform={`translate(${x} ${y}) scale(${s})`}>
+			<Ast x={-138} y={-478} w={-128} l={175} d={20} tiefe={5} farbe={ast} seed="ba" />
+			<Ast x={-138} y={-478} w={-70} l={160} d={16} tiefe={4} farbe={ast} seed="bf" />
+			<Ast x={74} y={-512} w={-62} l={185} d={20} tiefe={5} farbe={ast} seed="bc" />
+			<Ast x={74} y={-512} w={-20} l={150} d={14} tiefe={4} farbe={ast} seed="bg" />
+			<Ast x={-20} y={-352} w={-96} l={170} d={16} tiefe={4} farbe={ast} seed="bb" />
+			<Ast x={-48} y={-262} w={-168} l={160} d={16} tiefe={4} farbe={ast} seed="bd" />
+			<Ast x={36} y={-250} w={-12} l={170} d={16} tiefe={4} farbe={ast} seed="be" />
+			{apfel && (
+				<g fill="none" stroke={ast} strokeLinecap="round">
+					<path d={`M 70 -500 Q ${apfel[0] * 0.5} ${apfel[1] * 0.85}, ${apfel[0] * 0.85} ${apfel[1] + 26}`} strokeWidth={11} />
+					<path d={`M ${apfel[0] * 0.85} ${apfel[1] + 26} Q ${apfel[0] * 0.95} ${apfel[1] - 8}, ${apfel[0]} ${apfel[1]}`} strokeWidth={4} />
+				</g>
+			)}
+			{/* Stamm mit Wurzelansatz, gabelt sich in zwei dicke Äste */}
+			<path
+				d="M -96 6 C -70 -2, -50 -16, -46 -60 C -40 -150, -60 -230, -50 -300 C -70 -360, -110 -420, -150 -470 L -126 -490 C -90 -440, -50 -392, -20 -352 C 0 -400, 30 -460, 60 -522 L 90 -508 C 62 -440, 40 -372, 34 -300 C 30 -200, 34 -120, 44 -70 C 50 -28, 70 -6, 104 6 C 60 10, 20 2, 0 8 C -24 2, -60 10, -96 6 Z"
+				fill={stamm}
+				filter="url(#aq)"
+			/>
+			{/* Rinde */}
+			{[-24, -8, 8, 22].map((dx, i) => (
+				<path key={i} d={`M ${dx} -20 C ${dx - 8} -110, ${dx + 8} -200, ${dx - 4} -${250 + i * 12}`} stroke={rinde} strokeWidth={3} fill="none" opacity={0.55} strokeLinecap="round" />
+			))}
+			<path d="M -60 -6 C -40 -30, -36 -40, -38 -70 M 62 -4 C 46 -24, 40 -40, 40 -66" stroke={rinde} strokeWidth={3} fill="none" opacity={0.5} />
+			<ellipse cx={-6} cy={-170} rx={9} ry={14} fill={rinde} opacity={0.5} />
+			{/* die letzten Blätter */}
+			{new Array(14).fill(0).map((_, i) => {
+				const bx = -300 + random('ab' + i) * 600;
+				const by = -720 + random('aby' + i) * 330;
+				return <ellipse key={i} cx={bx} cy={by} rx={10} ry={6} transform={`rotate(${random('abr' + i) * 180} ${bx} ${by})`} fill={['#c8642c', '#d99a2b', '#a8452a'][i % 3]} />;
+			})}
+		</g>
+	);
+};
+
 // Folge 1: Noas Garten im goldenen Herbst (Morgen) bzw. im Abendlicht.
 // Ohne Holzstapel (der kommt erst in Folge 2); Apfel, Blume und Laubhaufen sind eigene Teile.
 export const GartenHerbstSVG: React.FC<{abend?: boolean}> = ({abend = false}) => (
@@ -271,7 +315,7 @@ export const GartenHerbstSVG: React.FC<{abend?: boolean}> = ({abend = false}) =>
 				);
 			})}
 		</g>
-		<Apfelbaum x={330} y={900} s={1.05} farbe={abend ? '#5e4232' : '#6e5038'} krone={abend ? 'abend' : 'morgen'} />
+		<AlterBaum x={340} y={905} s={0.95} abend={abend} apfel={[232, -770]} />
 		<Korn staerke={0.18} />
 	</svg>
 );

remotion/src/folge01/szene2.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {useCurrentFrame} from 'remotion';
 import {kurve} from '../bewegung';
-import {ClipFigur, Figur, Geher, Kamera, NOA_HOCKE_FRAMES, NoaHocke} from '../baukasten/figur';
+import {ClipFigur, Figur, Geher, Kamera} from '../baukasten/figur';
 import {Blende, Vignette, atmen, hopfStauch, huepfer, kamFahrt, ruck} from '../baukasten/helfer';
 import {Apfel, Blaetterregen, Blaetterwind, Blume, Laubhaufen} from '../baukasten/natur';
 import {BODEN, Ort} from '../baukasten/orte';
@@ -44,7 +44,7 @@ export const Szene2: React.FC = () => {
 	const {z, dauer} = S2;
 
 	// Noa kommt von links, springt bei „Hui!“ mitten in den Haufen und hüpft wieder heraus
-	const noaAn = z.e3.ende - 10;
+	const noaAn = z.bild0.start + 10 + 165; // zügig, ca. 5,5 s
 	const sprung = z.n1.start + 4;
 	const SPRUNG_DAUER = 22;
 	const landung = sprung + SPRUNG_DAUER;
@@ -71,18 +71,20 @@ export const Szene2: React.FC = () => {
 		[schreck, 'noa_B2_erschrocken'],
 		[z.n2.start + 6, 'noa_A4_staunen'],
 		[z.e6.start, 'noa_A6_blick-rechts'],
+		[hocke, 'noa_B_hocken'],
 		[aufstehen, 'noa_A3_lachen'],
 		[z.p2.start + 10, 'noa_A6_blick-rechts'],
 	];
-	// Hocke: Clip „hinsetzen“ bis zur Hocke, zum Aufstehen rückwärts
+	// Hocke: Standbilder weich überblenden, dabei kurz absinken bzw. sich strecken
-	const inHocke = f >= hocke && f < aufstehen + NOA_HOCKE_FRAMES;
+	const HOCKE_BLENDE = 14;
-	const hockeStart = f < aufstehen ? hocke : aufstehen;
+	const wechsel = (t: number) => (f >= t && f < t + HOCKE_BLENDE ? Math.sin(((f - t) / HOCKE_BLENDE) * Math.PI) : 0);
+	const hockeStauch = 1 - 0.05 * wechsel(hocke) + 0.03 * wechsel(aufstehen);
 	const noaY =
 		BODEN +
 		sprungY +
 		huepfer(f, raus, 60, 16) +
 		ruck(f, schreck, 3) +
-		huepfer(f, aufstehen + NOA_HOCKE_FRAMES + 4, 14, 10);
+		huepfer(f, aufstehen + HOCKE_BLENDE + 4, 14, 10);
 
 	// Laubhaufen: wird bei der Landung gestaucht, später raschelt er
 	const flach = kurve(f, [
@@ -151,11 +153,9 @@ export const Szene2: React.FC = () => {
 				{imHaufen && <Figur pose={noaPose} x={noaX} y={noaY} stauchY={atmen(f, 2) * hopfStauch(f, landung)} schatten={false} />}
 				<Laubhaufen x={HAUFEN_X} y={BODEN + 6} wackeln={wackeln} flach={flach} />
 				{imHaufen ? null : noaGeht ? (
-					<Geher figur="noa" spiegeln x={noaX} y={BODEN} />
+					<Geher figur="noa" spiegeln x={noaX} y={BODEN} tempo={1.5} />
-				) : inHocke ? (
-					<NoaHocke start={hockeStart} auf={f >= aufstehen} x={noaX} y={BODEN} />
 				) : (
-					<Figur pose={noaPose} x={noaX} y={noaY} stauchY={atmen(f, 2) * hopfStauch(f, landung)} />
+					<Figur pose={noaPose} x={noaX} y={noaY} stauchY={atmen(f, 2) * hopfStauch(f, landung) * hockeStauch} blende={f >= hocke ? HOCKE_BLENDE : 5} />
 				)}
 				<Blaetterregen start={landung - 2} x0={HAUFEN_X - 60} y0={BODEN - 60} boden={BODEN - 10} anzahl={28} aus={z.e4.start} />
 			</Kamera>