pascal/youtube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Lara 2026-11-07 21:36:46 +00:00
parent 5a2812631a
commit aadfd17134
3 changed files with 46 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
remotion/src/Root.tsx
View file

@ -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) => (

41
remotion/src/kanal/Vorschaubild.tsx
View file

@ -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>
);
};

12
veroeffentlichung/folge09-upload.md
View file

@ -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 |
| --- | --- |
| DE | `/shared/youtube/folge09/folge09-de.mp4` (4:37) |
| ES | `/shared/youtube/folge09/folge09-es.mp4` |
| FR | `/shared/youtube/folge09/folge09-fr.mp4` |
| | Datei | Vorschaubild |
| --- | --- | --- |
| DE | `/shared/youtube/folge09/folge09-de.mp4` (4:37) | `/shared/youtube/vorschaubilder/folge09-de.png` („Flieg, Drachen!“) |
| ES | `/shared/youtube/folge09/folge09-es.mp4` | `/shared/youtube/vorschaubilder/folge09-es.png` („¡Vuela, cometa!“) |
| 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