Vorschaubild Folge 9 (DE/ES/FR): Drachen im Wind, Schrift „Flieg, Drachen!“

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

remotion/src/Root.tsx

@@ -14,7 +14,7 @@ import {F03} from './folge03/Folge03';
 import {F08} from './folge08/Folge08';
 import {F09} from './folge09/Folge09';
 import {Banner, BannerRahmen, Profilbild} from './kanal/KanalBilder';
-import {VorschauF01} from './kanal/Vorschaubild';
+import {VorschauF01, VorschauF09} from './kanal/Vorschaubild';
 import {ShortKompositionen} from './shorts/Short';
 import {SHORTS_F01} from './shorts/folge01';
 import {SZENEN as SZENEN_F01} from './folge01/Folge01';
@@ -42,6 +42,7 @@ export const Root: React.FC = () => (
 		<ShortKompositionen szenen={SZENEN_F01} shorts={SHORTS_F01} />
 		<Composition id="Kanal-Profilbild" component={Profilbild} durationInFrames={1} fps={30} width={800} height={800} />
 		<Composition id="Vorschau-F01" component={VorschauF01} durationInFrames={1} {...BILD} />
+		<Composition id="Vorschau-F09" component={VorschauF09} durationInFrames={1} {...BILD} />
 		<Composition id="Kanal-Banner" component={Banner} durationInFrames={1} fps={30} width={2560} height={1440} />
 		<Composition id="Kanal-Banner-Rahmen" component={BannerRahmen} durationInFrames={1} fps={30} width={2560} height={1440} />
 		{(['hinten', 'vorne'] as const).map((seite) => (

remotion/src/kanal/Vorschaubild.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import {AbsoluteFill} from 'remotion';
-import {Figur, Kamera} from '../baukasten/figur';
+import {Figur, GROESSE, Kamera, NOA_HOEHE} from '../baukasten/figur';
+import {Drachen, drachenHalt} from '../baukasten/drachen';
+import {Drachenschnur, spulenPunkt} from '../baukasten/drachenschnur';
+import {WindGarten} from '../folge09/teile';
 import {Vignette} from '../baukasten/helfer';
 import {Apfel, Blume} from '../baukasten/natur';
 import {BODEN, Ort} from '../baukasten/orte';
@@ -20,12 +23,12 @@ const TEXT: Record<Sprache, [string, string]> = {
 	fr: ['Trop petit ?', 'Trop grande ?'],
 };
 
-const Zeile: React.FC<{text: string; farbe: string}> = ({text, farbe}) => (
+const Zeile: React.FC<{text: string; farbe: string; groesse?: number}> = ({text, farbe, groesse = 150}) => (
 	<div
 		style={{
 			fontFamily: SCHRIFT,
 			fontWeight: 700,
-			fontSize: 150,
+			fontSize: groesse,
 			lineHeight: 1,
 			color: farbe,
 			WebkitTextStroke: '14px #fbf4e4',
@@ -58,3 +61,35 @@ export const VorschauF01: React.FC = () => {
 		</AbsoluteFill>
 	);
 };
+
+// Vorschaubild für Folge 9 „Lulu und der Drachen“ (Composition Vorschau-F09, Aufruf wie oben):
+// Der rote Drachen steht hoch oben rechts im Wind, die Schnur läuft zu Noas Spule; Lulu lacht mit wehendem
+// Schal, Pino zeigt nach oben. Schrift oben links über dem Himmel.
+const TEXT_F09: Record<Sprache, [string, string]> = {
+	de: ['Flieg,', 'Drachen!'],
+	es: ['¡Vuela,', 'cometa!'],
+	fr: ['Vole,', 'cerf-volant !'],
+};
+
+const DRACHEN_F09 = {x: 1580, y: 330, s: 1.5, drehung: 10};
+
+export const VorschauF09: React.FC = () => {
+	const [oben, unten] = TEXT_F09[SPRACHE];
+	return (
+		<AbsoluteFill style={{background: '#f4ead8'}}>
+			<Kamera x={1080} y={560} zoom={1.3}>
+				<WindGarten />
+				<Figur pose="pino_A_zeigt" x={760} y={BODEN} />
+				<Figur pose="lulu_A3_lachen" x={1070} y={BODEN - 6} />
+				<Figur pose="noa_A_drachenschnur" x={1370} y={BODEN} />
+				<Drachenschnur von={spulenPunkt(1370, BODEN, NOA_HOEHE * GROESSE.noa, false)} nach={drachenHalt(DRACHEN_F09.x, DRACHEN_F09.y, DRACHEN_F09.s, DRACHEN_F09.drehung)} durchhang={0.05} />
+				<Drachen {...DRACHEN_F09} schwanz={24} flattern={14} frame={20} />
+			</Kamera>
+			<Vignette staerke={0.25} />
+			<div style={{position: 'absolute', top: 40, left: 60, display: 'flex', flexDirection: 'column', gap: 6}}>
+				<Zeile text={oben} farbe="#3f5a8a" />
+				<Zeile text={unten} farbe="#c8502c" groesse={unten.length > 10 ? 100 : 150} />
+			</div>
+		</AbsoluteFill>
+	);
+};

veroeffentlichung/folge09-upload.md

@@ -4,13 +4,13 @@ Entwurf vom 07.11.2026 (Claude), zur Freigabe durch die Nutzerin. ES und FR selb
 muttersprachlich gegengelesen. Titel nach Pascals Muster für Folge 1: Folgenname vorn, dann die Art der Geschichte,
 Kanalname hinten. Elternhinweis und Wörter aus `drehbuecher/neu-lulu-und-der-drachen/de.md`.
 
-| | Datei |
+| | Datei | Vorschaubild |
-| --- | --- |
+| --- | --- | --- |
-| DE | `/shared/youtube/folge09/folge09-de.mp4` (4:37) |
+| DE | `/shared/youtube/folge09/folge09-de.mp4` (4:37) | `/shared/youtube/vorschaubilder/folge09-de.png` („Flieg, Drachen!“) |
-| ES | `/shared/youtube/folge09/folge09-es.mp4` |
+| ES | `/shared/youtube/folge09/folge09-es.mp4` | `/shared/youtube/vorschaubilder/folge09-es.png` („¡Vuela, cometa!“) |
-| FR | `/shared/youtube/folge09/folge09-fr.mp4` |
+| FR | `/shared/youtube/folge09/folge09-fr.mp4` | `/shared/youtube/vorschaubilder/folge09-fr.png` („Vole, cerf-volant !“) |
 
-Vorschaubild fehlt noch. Studio-Einstellungen wie bei Folge 1: Zielgruppe „Ja, speziell für Kinder“, Sprache des
+Vorschaubilder 1280 × 720, Code: `remotion/src/kanal/Vorschaubild.tsx` (Composition `Vorschau-F09`). Studio-Einstellungen wie bei Folge 1: Zielgruppe „Ja, speziell für Kinder“, Sprache des
 Videos setzen, Playlist „Pinos kleine Welt – Folgen“.
 
 ## Deutsch