2D-Animation

Zeichnen Sie einen Pelikan auf einem Fahrrad als eine einzelne Linie durch 16.384 Punkte. Verwenden Sie die Lloyd-Relaxation zur Platzierung der Punkte, eine Rundreiseverkäufer-Tour zur Verbindung und 2-opt zum Entwirren der Kreuzungen bis auf null. Heben Sie dieselbe Linie anschließend in 3D an und animieren Sie das Treten. Zeichnen Sie jeden Frame in JavaScript auf einer 2D-Leinwand und synthetisieren Sie die Musik im Code.

Erstellen Sie eine Animation im handgezeichneten Stil. Generieren Sie speziell ein dynamisches Aquarell-Bilderbuch oder ein altes chinesisches Tusche-Langbild (wie "Entlang des Flusses während des Qingming-Festivals"). Konzentrieren Sie sich auf den künstlerischen Stil und flüssige Animationsübergänge.

Rekonstruieren Sie eine Wachsmalstift-Zeichnung einer Rakete, inspiriert vom Skizzenbuch von @seti_park. Verwenden Sie Three.js, um die Animation des Aufblähens zu einem Spielzeug, des Durchbrechens des Papierrands und des Zurücktauchens in die Seite zu erstellen. Bewahren Sie den handgezeichneten Stil bei, während Sie flüssige 3D-Übergänge implementieren.

<direction> Erstelle ein 30-sekündiges, sich wiederholendes Motion-Design-Showreel, das einen Motion Designer namens CLAUDE vorstellt. Konzept in einem Satz: Eine Bleistiftlinie durchläuft drei Upgrades (Graphit auf Papier, Linien auf einer Blaupause, Licht auf schwarzem Hintergrund) und verlässt dabei nie den Bildschirm. Jede Szene entwickelt sich aus der vorherigen: Formen, Text und Farben gehen nahtlos in die nächste Szene über. Keine Schnitte, keine Ein- oder Ausblendungen. Schriftart: Nur Geist verwenden. Große Wörter mit Schriftstärke 900, kleine Labels mit Schriftstärke 600 bis 800 (Schriftgröße 24 bis 28 px, Laufweite 0,14 bis 0,3 em). Farbpalette: Papiercreme #EDE6D5, Blaupausenblau #1B3ED2, Hologramm-Cyan #45F0DD sowie Schwarz #07080A, Graphitgrau #16161A und Weiß. Die Akzentfarbe jeder Phase ist die Hauptfarbe der nächsten Phase: Auf dem Papier ist es der blaue Bleistift, in der Blaupause Cyan, im Hologramm Weiß. Kamera: Die gesamte Animation behält eine feste Frontalansicht bei, ähnlich wie an einem Zeichentisch. Objekte rotieren; die Kamera bewegt sich nicht. Leere Ränder: Innerhalb von 150 px vom linken/rechten Rand oder 90 px vom oberen/unteren Rand dürfen keine statischen Elemente vorhanden sein. Bewegte Elemente dürfen diesen Bereich durchqueren. Drei Tintenarten. Dieselben geometrischen Formen werden je nach angezeigter Tinte auf dem Bildschirm gezeichnet: - Papier: Cremefarbener Papierhintergrund (verwende mein Bild des Papiers, falls verfügbar, andernfalls eine flache cremefarbene Fläche mit feiner handgezeichneter Textur), mit einem 60 px großen blauen Gitternetz bei ca. 13 % Deckkraft, wobei jede fünfte Linie eine Deckkraft von 26 % hat. Linien sind im Bleistiftstil gehalten: Neu abgetastet und leicht von der exakten Position abweichend durch eine langsame Sinuskurve mit 8 Phasenwechseln pro Sekunde, doppelte Konturen (volle Breite zu 90 %, halbe Breite zu 40 % und stärker zitternd), Papierkörnung entfernt und dann auf das Papier gelegt. Füllungen sind diagonale Schraffuren, Zeile für Zeile gezeichnet. Großbuchstaben bestehen aus Schraffuren, die in Buchstabenform geschnitten sind, mit doppelter Kontur. - Blaupause: Flaches Blau, weißes identisches Gitternetz. Klare weiße Linien mit 3 bis 4 px Dicke, verdeckte Kanten als gestrichelte und dünnere Linien, Füllung als feine, saubere Schraffur. - Hologramm: Schwarz, cyanfarbenes identisches Gitternetz. Cyanfarbene Linien mit einem weißen Kern, der 30 % der Linienbreite einnimmt. Füllung als horizontale Scanlines mit 8 px Abstand, deren Dicke von der Beleuchtung der Oberfläche abhängt. Nirgendwo gibt es unscharfe Glüheffekte: Licht wird ausschließlich durch Linien密度 dargestellt. Verboten: Partikelexplosionen, Leuchteffekte, Linsenreflexionen, Kamerawackeln, RGB-Verschiebung, Überblendungen, generische Farbverläufe, elastisches Easing, Pausen länger als eine halbe Sekunde und alles, was wie eine Vorlage aussieht. </direction> <structure> 120 BPM, 60 Beats, 15 Takte, jeder Takt 2 Sekunden. In jedem Beat passiert etwas. Aktionen beginnen 0,05 Sekunden vor ihrem Beat, um präzise auf den Takt zu fallen. Easing: Kritisch gedämpfte Feder, Formel 1 - (1 + w t) e^(-w t), wobei w zwischen 12 und 40 liegt, damit nichts das Ziel überschreitet; Wisch-, Drück- und Ausstiegseffekte nutzen exponentielles Ease-In und Ease-Out. Szeneübergänge: Übergang von Papier zu Blaupause erfolgt durch eine Form, die den Bildschirm mit harten Kanten füllt; Übergang von Blaupause zu Hologramm sowie von Hologramm zu Papier erfolgt durch eine horizontale Scanline. Der letzte Frame ist der erste Frame, wodurch eine Schleife entsteht. Zwei Ecklabels begleiten die gesamte Animation: Oben links "FIG. 07 — GEAR" (Taktnummer und Name), unten rechts "BEAT 27 / 60". Takt-Namen: DRAFT, TYPE, CURVE, MORPH, TILE, SOLID, GEAR, PANEL, DATA, LIGHT, WAVE, GLOBE, DRUM, FORM, END. </structure> <mascot> Kreativdirektor: Ein kleiner Box-Charakter. Körper 76 x 54 Einheiten, abgerundete Ecken, zwei kurze Arm-Stummel (24 x 16) auf mittlerer Höhe, vier gerade Beine (11 x 33), zwei hohe abgerundete rechteckige Augen (8 x 14). Zeichnungsbreite ca. 250 px. Der rechte Arm ist um 58 Grad angehoben und hält einen Bleistift. Auf dem Papier: Graphitkonturen, spärliche blaue Schraffuren und graphitfarbene Augen. Im Hologramm: Cyanfarbene Konturen, Scanline-Füllung und weiße Augen. Es wird niemals eine vierte Farbe geben. Es rennt mit alternierend angehobenen Beinen, sechs Schritte pro Sekunde, und neigt sich beim Laufen um 7 Grad. </mascot> <storyboard> Takt 1, HOOK, 0–2 Sekunden, Papier. Frame 0: CLAUDE in Geist 900, angepasst auf eine Breite von 1500 px, zentriert, im Bleistift-Schraffurstil. Kleiner Text darüber: INTRODUCING, darunter: A MOTION DESIGNER. Eine 1620 px breite Bleistiftschiene befindet sich 96 px über den Buchstaben. Die Maskottchenfigur steht auf der Schiene bei x = 1560, links daneben steht CREATIVE DIRECTOR. 0,0: Der kleine Text verschwindet; die Figur beschleunigt und läuft über den rechten Rand hinaus. 0,36 bis 0,5: Die Schiene fällt beschleunigt ab, bis sie 26 px unter der Grundlinie liegt, und drückt die Buchstaben platt in sich hinein. 1,0: Die Linien steigen in die Mitte, verkürzen sich auf 1320 px und teilen sich in zwei Schienen, die 140 px voneinander entfernt sind; 41 blaue Skalenstriche wandern entlang der oberen Schiene. 1,5: Die Schienen öffnen sich auf 300 px; rechts wird eine blaue Höhenmaßzeichnung mit Live-Zahlen gezeichnet. Takt 2, KINETIC TYPE, 2–4 Sekunden, Papier. Wörter befinden sich zwischen den Schienen und sind auf diesen Schlitz beschnitten; die Schienen bewegen sich, um jedes Wort anzupassen. 2,0: INTRODUCING steigt Buchstabe für Buchstabe über die Grundlinie auf und schiebt sich dann oben heraus. 2,5: A MOTION gleitet schnell von links herein (bewegt 1400 px in 0,2 Sekunden). 3,0: Die Schienen schließen sich, klemmen es ein und öffnen sich wieder, um DESIGNER aus den Linien herauszuziehen; danach fliegen seine Buchstaben seitlich davon. 3,5: BLAUER Bleistiftstil CLAUDE, Buchstaben fallen einzeln von oben herab, im Abstand von 0,05 Sekunden. Bei 4,0 schließen sich die Schienen und quetschen ihn zu einer 1476 px langen Linie zusammen. Takt 3, CURVES, 4–6 Sekunden, Papier. 4,1: Die Linie erhält Pen-Werkzeug-Griffe (Länge 430 px, Winkel 58 Grad, kleine Quadrate an den Enden, Kreise an den Griffspitzen, Label EASE) und biegt sich zu einer S-Kurve. 4,5: Die Griffe schwingen in den gespiegelten Winkel; acht blaue Kopien fächern sich im Abstand von 34 px auf, beide Enden verbunden wie Blätter. 5,0: Die Griffe ziehen sich zurück; das Band wird zu einer wandernden Sinuskurve (Amplitude 92 px, 2,75 Zyklen, jede Linie mit leichtem Phasenversatz). 5,5: Sie sammelt sich wieder zu einer geraden Linie. Takt 4, SHAPE MORPH, 6–8 Sekunden, Papier. 6,1: Die Linie rollt sich zu einem Kreis mit Radius 235 zusammen (Krümmung nimmt zu, Länge bleibt gleich). 6,5: Dreieck, dreht sich um 120 Grad während der Änderung. 7,0: Quadrat. 7,5: Sechseck, Spitze nach oben, Radius 270. Innen wird zuerst blaue Schraffur aufgebaut, dann Kreuzschraffur. Takt 5, TILING, 8–10 Sekunden, Papier. 8,0: Das Sechseck schrumpft auf Radius 96, sechs weitere gleiten herum. 8,5: Zwölf weitere werden hinzugefügt, bilden ein Bienenwabenmuster aus 19 Zellen. 9,0: Eine dichte Schraffur wischt darüber, bis jede Zelle solid blau ist. 9,6 bis 10,0: Die Form der mittleren Zelle wächst mit harten Kanten über den Bildschirm hinaus; innen ist die Blaupause, die Wabe erscheint in weißen Linien. Takt 6, 2D TO 3D, 10–12 Sekunden, Blaupause. 10,0: In jedem Sechseck werden drei Linien plus drei gestrichelte verdeckte Linien gezeichnet: Jedes ist ein Würfel in Eckansicht. 10,5: Achtzehn äußere Würfel gleiten in einen mittleren, der auf Radius 270 wächst. 11,0: Er dreht sich um eine Vierteldrehung, Perspektive aktiviert. 11,5: Er zeigt frontal. Takt 7, MECHANISM, 12–14 Sekunden, Blaupause. 12,0: Der Würfel wird flach, seine Vorderseite bekommt Zähne: ein 16-Zahn-Rad, Teilkreisradius 208. Ab 12,25 schaltet das Getriebe bei jeder Achtelnote um 45 Grad. 12,5: Ein 10-Zahn-Rad wächst oben rechts und greift ein. 13,0: Ein 12-Zahn-Rad wächst oben links. Jedes hat gestrichelte Teilkreise, Naben und Labels (16T, 10T, 12T). 13,5: Die kleinen Zahnräder ziehen sich zurück; das Rad wird wieder zum Quadrat, der Würfel erhält Tiefe zurück. Takt 8, UNFOLD, 14–16 Sekunden, Blaupause. 14,0: Der Würfel entfaltet sich entlang Scharnieren zu einem Kreuz aus sechs Quadraten. 14,5: Die Quadrate gleiten und dehnen sich zu sechs Panels: Titelstreifen, hohe Seitenleiste, breites Diagramm, zwei Kacheln, Zeitachsenstreifen. 15,0: Sie werden mit Inhalt gefüllt. Titel: "CLAUDE — MOTION REEL", ein BARS / RING Schalter, ein LIGHT Umschaltknopf. Diagramm: 30 Balken, entsprechend jeder Sekunde der Animation, Höhen 42 30 36 44 50 46 52 62 50 56 62 72 60 66 58 76 56 62 68 74 70 78 86 94 100 93 97 90 80 50. Zeitachse: 15 Takt-Namen, jeweils mit einem Keyframe-Diamanten darüber. 15,5: Zähler scrollen hoch: 120 BPM, 60 BEATS, 1800 FRAMES, 0 CUTS. Takt 9, DATA, 16–18 Sekunden, Blaupause. 16,0: Eine Kurve wird über die Oberseite der Balken gezeichnet; ein cyanfarbener Playhead landet auf der aktuellen Zeit der Zeitachse. Der Balken der aktuellen Sekunde ist solid cyan, frühere sind schraffiert, spätere nur Konturlinien. Der Cursor erreicht sie. 16,5: Er klickt auf RING: Die Grundlinie des Diagramms biegt sich zu einem Kreis mit Radius 110, ba

Regeln: - Theateranime-Qualität mit einem Budget von 500 Millionen Yen, Neo-Retro flacher japanischer 2D-Anime. Lebhafte cyanblaue Konturen, sanfte Pastellfarben - Eine Einstellung (keine Schnitte). Die Kamera ist fest und bewegt sich bis zum Ende nicht. Verwenden Sie kein Fisheye-Objektiv - Hohe Anzahl an Zeichenframes. Schnelles Tempo, komisch - Keine BGM, Soundeffekte vorhanden - Keine Untertitel, kein Text auf dem Bildschirm {{img 1}}: Subjekt - Maka {{img 2}}: Subjekt - Roni [Konsistenz] Ändern Sie während des gesamten Videos nicht Makas Gesicht, ihre rosa Haut, ihren kurzen rosa Bob, die großen cremefarbenen runden ohrenähnlichen Kopfaccessoires auf beiden Seiten, ihre großen blauen Augen, die weißen runden Ohrringe, das rote Choker-Halsband, das gelbe Oberteil mit Puffärmeln, den roten Gürtel und den weißen Rock. Ändern Sie nicht Ronis Gesicht, seine rosa Haut, sein lockiges rosa Haar, die großen cremefarbenen runden ohrenähnlichen Kopfaccessoires auf beiden Seiten, seine blauen Augen, seinen mintgrünen Blazer, sein lila-gelb kariertes Hemd und seine weiße Hose. Nur Maka-chan und Roni-kun erscheinen. Nehmen Sie nacheinander jeweils einen Gegenstand heraus. Duplizieren Sie keine Gegenstände oder Roni-kun. [FRAME-BREAK] HAUPTVISUELLES ZIEL: Ein unverkennbarer OUT-OF-FRAME-, POP-OUT-Effekt. Maka greift wiederholt über das zentrale Bildfenster hinaus. Ihre Hände, Unterarme und jeder Gegenstand, den sie herauszieht, bewegen sich sichtbar ÜBER die schwarzen Letterbox-Balken hinweg, auf den Betrachter zu und darüber hinaus. COMPOSITING-REIHENFOLGE, VON HINTEN NACH VORN: 1. Hintergrund und Szene. 2. Zwei breite schwarze Letterbox-Balken oben und unten. 3. Die Vordergrundcharaktere: Maka (ihre Hände, Arme, rosa Haare, cremefarbene ohrenähnliche Kopfaccessoires und jeder Gegenstand, den sie hält) und am Ende Roni, als sie ihn herauszieht. Der Hintergrund ist auf das zentrale Bildfenster beschränkt. Der Vordergrundcharakter ist NICHT auf dieses Fenster beschränkt. Ihre Silhouette setzt sich ungebrochen über dessen Grenzen hinweg auf die schwarzen Balken fort. Ihre rosa Haut, ihr rosa Haar, ihre cremefarbenen Accessoires, ihre gelben Ärmel und jeder Gegenstand bleiben vollständig sichtbar, wenn sie sich mit Schwarz überlappen. STATISCHE BALKEN, BEWEGENDER CHARAKTER: Beide Balken sind vollständig statische Bildschirmgrafiken, keine Objekte in der Szene. Behalten Sie ihre gleiche Dicke, volle Breite und exakte Bildschirmposition während des gesamten Videos unverändert bei. Ihre inneren Grenzen bleiben perfekt gerade und horizontal. Der Charakter wird einfach vor ihnen gerendert. Ihre Bewegung verdeckt zeitweise Teile ihrer schwarzen Oberfläche. Die darunterliegenden Balken bewegen sich nie oder verformen sich. Sichtbare Kantensegmente auf beiden Seiten einer Überlappung bleiben auf derselben horizontalen Linie ausgerichtet. Wenn sie einen Arm zurückzieht, wird der ursprüngliche unveränderte schwarze Balken darunter sichtbar. Halten Sie Schwarz neben den überlappenden Armen und Gegenständen sichtbar. Kein Biegen, Gleiten, Schütteln, Dehnen, Öffnen oder Aufprallreaktionen in den Balken. Die Kamera bleibt stationär. Eine kontinuierliche Aufnahme. Sie bleibt nah und groß in der Komposition, lehnt sich zum Betrachter hin. Zieht sich nie tief in den Hintergrund zurück. Der Frame-Break-Effekt muss daraus resultieren, dass der Charakter sichtbar schwarze Bereiche außerhalb des zentralen Bildfensters bedeckt. Halten Sie sie nicht vollständig hinter den Balken. Simulieren Sie den Effekt nicht durch Bewegen der Balken oder Vergrößern des Fensters. [Bedeutung] Jenseits des schwarzen Randes unten (außerhalb des unteren Bildschirmrandes) befindet sich diese Seite = der Raum des Betrachters. Maka lehnt sich vom Bildschirmrand heraus, streckt ihre Hand auf diese Seite und sucht nach etwas. [Generierungsziel] Maka wühlt auf dieser Seite des Bildschirms herum, wirft verschiedene Gegenstände nacheinander zurück und zieht schließlich Roni-kun heraus, der sich auf dieser Seite versteckt hatte. (6 Stufen, eine kontinuierliche Aufnahme ohne Unterbrechungen. Die Stufe bleibt gleich) Ort: Ein spärlicher Raum mit nur schlichten hellcremefarbenen Wänden und hellem Mintboden. Keine Möbel, Fenster, Regale oder langen horizontalen Objekte. Das Licht ist weich und gleichmäßig, Schatten sind dünn. Von Maka zurückgeworfene Gegenstände fallen auf diesen Boden und sammeln sich allmählich an. Maka ist direkt vor der Kamera, Kopf bis Brust füllen weitgehend die Höhe des Fensters aus. Sie tritt nicht tief in den Hintergrund zurück.

Erstelle ein 32-Sekunden-Video, 1920x1080, 30fps, über eine Idee: KI basiert auf menschlicher Brillanz. Jedes Modell hat von Menschen gelernt, die etwas wussten. LOOK: Eine gedruckte Straßenplakat-Collage in Bewegung. Keine Fotos und keine Stock-Bilder: Zeichne alles selbst mit SVG und CSS. - Warmes Off-White-Papier (#F2EFE8) mit einer feinen gepunkteten Halbton-Textur über den gesamten Rahmen und einem sehr langsamen Papierdrift, damit der Rahmen nie eingefroren wirkt. - Schwarz-Tusche-Linienkunst im alten Stichstil (Schraffurlinien, keine flachen Füllungen): ein menschliches Auge, ein Paar Hände, eine Blume und ein Neuron mit verzweigten Dendriten. Linien zeichnen sich selbst (stroke-dashoffset), dann blendet eine Halbton-Punktfüllung darunter ein, wie eine gedruckte Collage-Ebene. - Flache Lavendel-Papierblöcke (#A79BF0 und ein tieferes #6E5FD8), die hinter der Kunst mit leicht rauen Kanten einschweben, versetzt wie gerissenes Papier. - Eine echte Formel in einer Serif-Mathematik-Schriftart, die sich symbolweise selbst schreibt: Die Summe von n=1 bis Unendlich von 1/n^2 = pi^2/6. - Schlagzeilen in einer fetten geometrischen Sans-Serif (fett, enges Tracking), schwarzer Text auf weißen Balken, groß und plakatartig. Jede Zeile vollständig innerhalb des Rahmens mit großzügigen Rändern. STORY, drei Beats, verwende diese Zeilen exakt so: Beat 1, DER FUNKE (0-10s): Das Auge zeichnet sich in der Mitte, Lavendelblöcke schieben sich dahinter. Text: "Before the machine, a mind." dann "Someone noticed. Someone asked why." Beat 2, DIE ARBEIT (10-22s): Drei Collage-Karten schneiden im Takt ein, jede mit ihrer Kunst und einer Zeile: "A proof at midnight." (die Formel schreibt sich selbst), "A hand that heals." (die Hände), "An ear for the right word." (die Blume öffnet sich). Dann: "Every answer it gives, people taught it first." Beat 3, DIE BEHAUPTUNG (22-32s): Das Neuron lässt seine Zweige über den Rahmen hinaus wachsen und verbindet das Auge, die Hände, die Formel und die Blume zu einem Plakat-Layout. Text: "Human brilliance is the input." dann "Everything else is compute." Halte das finale Plakat mit einem langsamen Push-In bis zum letzten Frame. SOUND: Wenn die App eine Musikbibliothek hat, füge einen ruhigen, minimalen Piano- oder Ambient-Track unter das gesamte Video hinzu, der am Ende ausblendet; füge ein weiches Papiergleitgeräusch hinzu, wenn Blöcke einfahren, falls Soundeffekte verfügbar sind. Die Bewegung muss bei Frame 0 beginnen und bis zum allerletzten Frame andauern. Keine Logos, keine Markennamen.

<inputs> Fragen Sie mich nach: einer kurzen Beschriftung für den ersten Schalter, einem Hauptwort, einem Prozentsatz für das Diagramm, Text für die abschließende Karte, einer Akzentfarbe und einem Track mit klarem Beat. </inputs> <direction> Ein 2D-Motion-Design-Film im Format 16:9. Verwenden Sie eine warme, cremeweiße Leinwand, fast schwarze Hintergründe, fetten Schriftsatz und einen lebendigen orangefarbenen Akzent. Der orangefarbene Punkt verbindet jede Szene: Er beginnt in der Benutzeroberfläche, wird zum Punkt über einem Buchstaben, zeichnet eine Federkurve, expandiert zu einer Form und erscheint auf der Endkarte wieder. Ein Cursor lässt den anfänglichen Klick real wirken. Halten Sie die Bewegung klar und kontrolliert, mit subtilen Federüberschwingungen und ohne leere Pausen. Verboten: Stockmaterial, Farbverläufe, Glüheffekte, Partikelbursts, willkürliche Übergänge und Bewegungen, die nicht aus etwas entstehen, das bereits auf dem Bildschirm ist. </direction> <structure> Ungefähr 15 Sekunden, mit einer visuellen Änderung bei jedem wichtigen Beat. Eröffnung: Ein Cursor klickt auf den orangefarbenen Schalter neben "Reduce Motion". Die Buchstaben biegen sich und verschieben sich an ihren Platz, bis nur noch "Motion" übrig bleibt, mit dem orangefarbenen Punkt über dem "i". Feder: Der Punkt springt vom Wort weg und landet auf einem Diagramm. Seine Flugbahn zeichnet eine Federantwort, überschreitet das Ziel und setzt sich neben einer "+22%"-Markierung ab. Form: Der Punkt rast entlang einer Linie, expandiert zu einem orangefarbenen Kreis und füllt den Rahmen. Ein schwarzes abgerundetes Quadrat rotiert darin und dehnt sich dann zu einer Pille aus. Alles zieht sich zu einem orangefarbenen Punkt auf Schwarz zusammen. Typografie: Wörter wie "SPRINGS", "EASING", "KINETIC TYPE", "3D" und "SOUND" kreisen um den Punkt. Der Ring aus Wörtern breitet sich zu einem Feld winziger Punkte aus. Enthüllung: Das Halbtonfeld expandiert und wird schwarz, wobei die finale Karte enthüllt wird: "Opus 5.5", "Motion designer." und "0 keyframes". Rückkehr: Der orangefarbene Punkt reist zurück durch das Halbtonfeld, das Diagramm und den Schalter. Machen Sie den letzten Rahmen identisch mit dem ersten für eine nahtlose Schleife. </structure> <build> 1. Verwenden Sie eine HTML-Datei, 1920x1080 bei 60fps. Berechnen Sie jedes visuelle Element aus der Zeit innerhalb von seek(t): keine CSS-Übergänge, Timer oder Zustände, die zwischen Frames weitergegeben werden. 2. Verwenden Sie geschlossene Federformeln für den Schalter, den bewegten Punkt und das Diagramm. Zeichnen Sie das Diagramm mit derselben Federfunktion, die den Punkt steuert. 3. Bewegen Sie die Buchstaben einzeln, während aus "Reduce Motion" "Motion" wird. Halten Sie den orangefarbenen Punkt über dem "i", bis er wegspringt. 4. Behandeln Sie den orangefarbenen Kreis, das rotierende Quadrat und die Pille als Zustände einer einzigen Form. Übertragen Sie Position und Impuls durch jede Änderung. 5. Ordnen Sie die Wörter auf einem kreisförmigen Pfad an und senden Sie ihre Buchstaben dann nach außen, um in das Halbtonraster überzugehen. 6. Zeichnen Sie das Halbtonmuster als Punktraster, dessen Größen auf den orangefarbenen Punkt reagieren. Expandieren Sie es über den Rahmen hinaus, bevor die Endkarte angezeigt wird. 7. Richten Sie den Klick, die Landung des Punktes, das Diagramm, die Formänderungen und den finalen Titel an den Beats aus. Rendern Sie einen Frame pro Beat, um die Timing vor dem endgültigen Export zu überprüfen. </build>

<inputs> Fragen Sie mich nach: einem Zielwert für den Slider, drei kurzen Benachrichtigungsnachrichten, einer zu typenden Antwort, einer Akzentfarbe und einem lizenzfreien Track mit etwa 120 BPM. Wenn ich etwas überspringe, verwenden Sie 100, "Slider - Erreicht 100", "Gravity - Etwas fällt", "Messages - Was jetzt?", "retry" und elektrisches Blau. </inputs> <direction> Ein 10-sekündiger 2D-UI-Motionsfilm im Format 16:9. Platzieren Sie alles auf einer fast schwarzen Leinwand mit einem schwachen Punktraster. Verwenden Sie Anthrazit-Steuerungselemente, scharfen weißen Text, einen blauen Akzent und eine weiße Kugel, die sich durch den gesamten Film bewegt. Ein echter Cursor macht den ersten Klick physisch spürbar; die Kugel leitet jede folgende Transition. Halten Sie die UI sauber und die Impakte präzise, mit nur kleinen Federüberschwingungen. Bewegen Sie die Kamera durch ein einziges kontinuierliches Layout, sodass jede Interaktion den Rahmen ausfüllt. Verboten: harte Schnitte, Stock-Footage, Glows, Partikel-Bursts, abgetrennte Übergänge, übermäßiges Bouncing und unscharfer Text während Kamerabewegungen. </direction> <structure> Etwa 10 Sekunden, mit Ereignissen bei jedem wichtigen Beat. Toggle: Der Cursor klickt auf einen blauen Schalter. Seine weiße Kugel springt frei, und die Kamera folgt ihr zu einem horizontalen Slider. Slider: Die Kugel landet auf dem Griff und bewegt ihn entlang der Spur. Die blaue Füllung bleibt angeheftet, während ein Wertebubble über dem Griff auf 100 steigt. Benachrichtigungen: Das Erreichen von 100 schickt die Kugel weiter und bringt drei dunkle Karten herein: "Slider", "Gravity" und "Messages". Jede kommt auf ihrem eigenen Beat an. Die Kamera folgt der Kugel hinunter zu "Was jetzt?". Antwort: Die kleine "Reply"-Pille dehnt sich zu einem Textfeld. Eine Tastatur erhebt sich darunter als Teil derselben Szene. Tastatur: Die Kugel schlägt auf die Tasten, während "retry" im Feld erscheint. Sie landet auf Return, der blaue Send-Button wird aktiviert und die Antwort zieht sich zu einer kleinen blauen Nachricht zusammen. Return: Die Kamera zoomt heraus, um Toggle, Slider, Karten und Tastatur gemeinsam in einer Welt zu zeigen. Die Kugel reist zurück zum ersten Schalter. Passen Sie ihre Position, den Cursor und den Schalterzustand an das Anfangsbild an, damit der Film sauber looped. </structure> <build> 1. Erstellen Sie eine HTML-Datei mit 1920x1080 und 60fps. Berechnen Sie jedes visuelle Element aus der Zeit innerhalb von seek(t): keine CSS-Transitions, Timer oder Zustände, die zwischen Frames getragen werden. 2. Ordnen Sie alle UI-Komponenten in einer Welt an. Verwenden Sie eine einzelne Kamera-Transformation mit Position und Log-Space-Zoom, wobei jede Nahaufnahme eine Bewegung durch diese Welt ist. 3. Geben Sie der weißen Kugel eine kontinuierliche Route zwischen Toggle, Slider, Karten und Tasten. Verwenden Sie geschlossene Formeln für Federn bei Landungen und eine kurze Quetschung beim Aufprall. 4. Berechnen Sie die Slider-Füllung und die Zahl aus der horizontalen Position der Kugel. Halten Sie den Tooltip zentriert über dem Griff, bis er 100 erreicht. 5. Geben Sie jedem Tastendruck eine feste Zeit. Zeigen Sie die Antwort als den Teil, der bis zu diesem Moment getippt wurde, sodass jeder Frame deterministisch gerendert werden kann. </build>

Erstelle ein 3 bis 4 Minuten langes animiertes Erklärvideo im Format 16:9 über Erdgasförderung für die allgemeine Öffentlichkeit, im Stil Flat-Illustration, mit einer passenden Erzählung und Untertiteln: 1. Beginne mit etwas, das die Zielgruppe täglich sieht, und gehe dann zum Anfang zurück. 2. Folge der klarsten Linie: Schritte bei einem Prozess, andernfalls eine Zeitachse, Ursache-Wirkung oder Problem-Lösung. 3. Ein Kapitel pro Schritt, 8 bis 12 Kapitel, Titel in der oberen linken Ecke. Halte einen einheitlichen visuellen Stil und eine Farbpalette durchgehend bei. 4. Wähle eine Zahl aus, die sich durch das gesamte Video zieht (Temperatur, Druck, Geschwindigkeit, Kosten oder Zeit), halte sie in einer Ecke und aktualisiere sie bei jedem Schritt. Wenn keine Zahl passt, zeige "Schritt X von Y" an. 5. Gib jeder wichtigen Zahl einen alltäglichen Vergleich und lasse jede Zahl weg, bei der du unsicher bist. 6. Beende mit einer Zeile, die die gesamte Reise zusammenfasst. Bevor du beginnst, sende mir die Kapitelliste, die gewählte Zahl und die wichtigsten Fakten, damit ich sie bestätigen kann.

Ein einzelner Pixel-Art-Kopfgeldjäger reitet ein skelletthaftes Motorrad durch eine giftige Wüste, während riesige Sandwürmer unter der Autobahn hervorschießen. Sie weicht aus, als der Asphalt zusammenbricht, springt über einen brennenden Tanklastwagen, feuert eine Energie-Harpoon auf das größte Geschöpf und lässt sich von ihm über die Dünen schleifen, bevor sie mit der Kette einen Slingshot-Manöver auf seinen Kopf ausführt; cineastische hochdetaillierte Pixel Art, reichhaltige 32-Bit-Ästhetik, mehrschichtige Parallax-Wüstenlandschaft, flüssige Sprite-Animation, dramatische Sprite-Skalierung, starkes Screen-Shake, Hitzeverzerrung durch Pixel-Dithering, orangefarbener Sonnenuntergang, giftig-grüne Stürme, cyanfarbene Waffenspuren und fliegende Trümmer, brutale retro-futuristische Atmosphäre, endend damit, dass der Jäger eine Sprengladung zwischen den gepanzerten Platten des Wurms platziert und zurück auf sein Motorrad springt, während das Geschöpf hinter ihr in einer gigantischen Pixel-Explosion zerplatzt.

Opus 5.5: Eine handgezeichnete Geschichte. Ein kleiner Agent wacht an seinem Schreibtisch auf, erhält Feedback-Notizen, behebt sie und endet mit Herz-Augen und einem grünen Häkchen. 53 s Sonnet 5.5: Ein kinetisches Typografie-Showreel. Sechs Easing-Kurven, ein morphender Stern, Partikel, verwischte Schrift, "jeder Frame in Code geschrieben". 15 s Haiku 5.5: Ein Schritt-für-Schritt-Rezept für einen White Russian. Eis, Wodka, Kaffeelikör, Sahne, mit Live-Zählern und einer Checkliste. 30 s

Erstellen Sie eine interaktive HTML-Präsentation, die das Konzept der 'Netzwerk-Effekte' erklärt, bei denen die Verbindungen exponentiell wachsen, wenn die Nutzerzahl steigt (z. B. 5x Nutzer = 27x Verbindungen). Die Oberfläche sollte einen Slider enthalten, mit dem der Betrachter die Anzahl der Nutzer manuell anpassen und die resultierende Änderung der Verbindungsdichte in Echtzeit sehen kann. Verwenden Sie nur HTML und JavaScript ohne externe Bildassets. Integrieren Sie eine Sprachnarration, die mit den visuellen Änderungen synchronisiert ist.

Kannst du mit dem von mir heruntergeladenen Remotion ein Launch-Video für die App erstellen? Nutze das Repository als Informationsquelle. Ich benötige ein SaaS-stilisiertes 15-30 Sekunden Launch-Video, das Zooms, Cursorbewegungen, Tippeffekte, Interaktionen mit der App, Produktvorstellungen und verschiedene Blickwinkel der Anwendung usw. enthält. Im Grunde genommen ein vollständiges...

<inputs> Gib mir: * Leinwandfarbe * Formfarbe * Akzentfarbe * Formradius * Schriftarten * die Zustände, durch die sich die Form verwandeln soll Verwende Hex-Codes, Sekunden, Dämpfungsverhältnisse und Pixelgrößen statt Adjektive. </inputs> <direction> Erstelle eine nahtlose UI-Motionschleife von 14 Sekunden, 1440x1440 px, 60 fps. Eine Form, null Schnitte. Die Form verwandelt sich von Zustand zu Zustand und wird nie ersetzt. Jeder Zustand füllt 50% des Bildrahmens aus. Die Kamera startet auf den Beat und beruhigt sich langsamer als die Form. Verwende geschlossene Federformeln (closed-form springs). Formdämpfung 0.72, Einschwingzeit 0.35s. Kameradämpfung 1.0, Einschwingzeit 0.6s. Inhaltswechsel verwenden 12px Unschärfe und Ausblenden über 0.15s. Die Cursorspitze bleibt an dem Element fixiert, das sie zieht. </direction> <structure> Verwende ein 0.5s Beat-Raster. 0.0 - Pixel-Maskottchen im Leerlauf 1.0 - Maskottchen quetscht sich in einen Play-Button 1.5 - Ladebalken 2.0 - Häkchen zeichnet sich 2.5 - Timeline-Scrubbing 4.0 - Keyframe dehnt sich über das Ende hinaus und schnappt zurück 5.0 - Bézier-Editor 7.0 - Zähler rollt von F 000 auf F 840 8.5 - Render-Balken füllt sich 10.0 - Befehlspalette tippt "export mp4" 11.0 - Toast meldet "840 Frames gerendert" 12.0 - Toast schrumpft zurück zum Maskottchen Der letzte Frame muss der erste Frame sein. </structure> <build> Schreibe eine HTML-Datei mit Canvas 2D. window.renderAt(t) muss eine reine Funktion der Zeit sein. Kein Math.random. Keine Uhr. Kein getragener Zustand (carried state). ?t= muss den exakten Moment einfrieren. Rendere jeden Frame aus renderAt(frame / 60). Verwende 4 Subframes für Bewegungsunschärfe. Kodiere in H.264 bei 60fps. </build> <gotchas> Behebe den Cursor-Sprung beim Schleifenübergang mit: t - 14*floor(t/14) Überblende Orange nicht in Tinte. Verwende einen Ripple vom Zentrum bei 1.5s und vom Klickpunkt bei 12.0s. Rolle Wortwechsel vertikal. Starte Draw-on nach Blur-in. Richte den Cursor auf die Position, wo das Ziel sein wird, wenn es landet. Halte die Cursorgeschwindigkeit unter 65 px/frame. </gotchas> <start> Zeige mir zuerst das Storyboard. Dann schreibe den Code. Nach dem ersten Rendern prüfe 5 Frames um jeden Beat und behebe Probleme vor dem finalen Rendern. </start>

<Eingabe> Bitte fragen Sie mich nach: meinem Produkt, der genauen Anfrage des Nutzers, den 6 bis 8 Fotos für die Ergebniskarten, einem lizenzfreien Song mit ca. 130 BPM und klarem Höhepunkt (von Mixkit, frei für kommerzielle Nutzung) sowie dem Markenlogo für die Abschlusskarte. Falls ich etwas überspringe, verwenden Sie bitte die Standardwerte: die untenstehende Bestellgeschichte, Food-Fotos von Pexels (Buldak-Nudeln, Birria-Tacos, scharfes frittiertes Hähnchen, Buffalo-Wings, Smash-Burger, scharfe Ramen) und "Cat Walk" von Mixkit. </Eingabe> <Anweisungen> Ein 15-sekündiger Produkt-Launch-Film, Auflösung 1920x1080, Bildrate 60fps. Nur 2D, eine einzige durchgehende Aufnahme. Keine Blendenübergänge, keine Unschärfe oder Schnitte: Jede Szene wächst aus der vorherigen heraus. Text steigt aus Maskierungslinien auf, Buttons erweitern sich zu Seiten, Farben strömen aus einem Objekt und verbreiten sich, bevor sie in ein anderes schrumpfen. Geben Sie der Kamera für jede Szene eine sanfte Bewegung und vermeiden Sie abwechselndes Zoomen rein und raus. Look: Warmweiße Leinwand (#f5f5f2), schwarze UI (#0e0e10), limettengrüner Akzent (#cdf24f), Orange (#ff6a2a) und blauer Sende-Button (#2f6bff). Fügen Sie um das Eingabefeld einen Apple Intelligence-artigen irisierten Glow hinzu: ein unscharfer konischer Verlauf, der durch Pink, Orange, Limettengrün, Cyan und Violett rotiert. Verwenden Sie echte Food-Fotografie auf dunklen Karten, Geist-Schriftart für die UI und eine Serifenschrift für den Produktnamen auf der Abschlusskarte. Verboten: Cross-Dissolves, Blur-In, 3D, Partikeleffekte, rückwärts gerichtete Kamerabewegungen, Pausen über 1 Sekunde und alles, was sich wie eine Vorlage anfühlt. </Anweisungen> <Struktur> 130 BPM, 32 Beats (14,8 Sekunden). Musik beginnt 12 Beats vor dem Höhepunkt. Beat 0-6, Die Frage: Langsames Heranzoomen auf das leuchtende Eingabefeld, ca. 3-fache Skalierung. Tippen Sie die Anfrage im natürlichen Tastenrhythmus in drei Zeilen fixierten Text: "Ich habe wirklich Hunger, weiß aber nicht, was ich will, aber etwas Scharfes, Knuspriges und Sättigendes" Beat 6, Senden: Drücken Sie den Sende-Button. Eine limettengrüne Welle breitet sich daraus aus und verwandelt die Nachricht in eine Chat-Bubble. Einmal herauszoomen, um das umgebende Handy zu zeigen (428x900 Bildschirm, 11px schwarzer Rahmen, Statusbar 9:41). Beat 6-12, Denken: Der Sende-Button wächst zu einer orangefarbenen Pfanne, einer halben Scheibe mit dünnem Griff. Er wirft bei Beat 8, 9, 10 und 11 sechs farbige Zutaten unter flackerndem Text "Suche für dich...". Beat 12, Höhepunkt: Ein limettengrüner Kreis vergrößert sich aus der Pfanne und füllt den Bildschirm in ca. 0,35 Sekunden. Dunkle Food-Karten (330x440, Radius 28, Foto oben, Name, einzeilige Beschreibung, Preis und Bewertung) explodieren vom Zentrum hervor. Ein Slider-Band gleitet über drei Karten und bleibt auf "Buldak-Nudeln", das zusammen mit einem "Best Match"-Tag hochhebt. Beat 16-21, Chat: Das Limettengrün schrumpft zurück in die Nachrichtenbubble des Nutzers, trägt seinen Text mit, während die ausgewählte Karte in ihren Slot fliegt. "Gefunden. Buldak-Nudeln von Wok & Fire, rauchig, scharf und sehr sättigend." steigt auf, gefolgt von "Soll ich für dich bestellen?" Dann erscheinen zwei Pillen-Buttons: "Jetzt bestellen" in Schwarz, "Mehr Optionen" als Outline-Stil. Cursor klickt Jetzt bestellen → Ladeanimation → "✓ Bestellt". Beat 21-32, Ende: Der schwarze Button erweitert sich zur Seite, behält seine Pillenform, bis er die Ränder berührt, während die Kamera hineinfährt. Sein Label wächst zur Titelgröße und gleitet dann weg. Wortweise Einführung von "Du wolltest Nudeln." und "Jetzt sind sie unterwegs." (92px, weiß auf schwarz). Ein Kurier-Punkt folgt einer Route zu einer Pin-Nadel. Die Nadel wird zum Logo, der Textwipe verschwindet dahinter, darüber steht "Made by", darunter der Produktname. </Struktur> <Aufbau> 1. Eine HTML-Datei, 1920x1080. Berechnen Sie alle Stile innerhalb von seek(t) basierend auf der Zeit: keine CSS-Transitions, Timer oder Zustände zwischen Frames. 2. Verwenden Sie eine einzelne Kameratransformation auf dem Container, Keyframes [time, zoom, x, y], mit Easing-Segmenten, wobei Zoom im logarithmischen Raum interpoliert wird. 3. Verwenden Sie geschlossene Formel-basierte Sprungantwort-Federn für alle Pop-ups und Ruhezustände. 4. Machen Sie jede Übergabe zu einem geteilten Element: Die limettengrüne Flut trägt Kopien des Bubble-Texts, der Button nimmt sein Label mit zur Seite. 5. Audio: Verwenden Sie heruntergeladene Mixkit-Soundeffekte für jedes Ereignis - Tippgeräusche, Sende-Pop, jedes Werfen, Höhepunkt-Impact, Karten-Woosh, Klick, Erfolgs-Ton, Seiten-Füll-Woosh und Logo-Glitz. Platzieren Sie jeden basierend auf gemessenen Peaks und normalisieren Sie die Lautstärke auf -14 LUFS. 6. Rendern Sie mit Playwright bei 60fps, 8 Subframes pro Frame, gemischt via ffmpeg tmix. Überprüfen Sie jeden schnellen Moment frame-by-frame und scannen Sie jeden Frame des gesamten Videos. </Aufbau>

Die Karte sollte von 30% auf 100% skalieren und von unsichtbar zu sichtbar übergehen. Jedes Detail sollte nacheinander ordentlich einlaufen, sobald die Karte ihre endgültige Größe erreicht hat. Die Graph-Linie sollte als Pfad animiert werden. Der Hintergrund-Glow sollte sichtbar werden, während die Kartendetails einlaufen. Die zwei Rechtecke sollten sich zu leicht unterschiedlichen Zeitpunkten über den Bildschirm bewegen, um einen Lichteffekt zu erzeugen.

Erstelle eine 5-sekündige Motion-Graphics-Animation eines einfachen Punktes, der in die Mitte des Bildschirms hüpft. Er expandiert zu einer Suchleiste, und dann wird der Text "Ich bin ein Motion Designer, was sollte mein nächster Karriereschritt sein?" eingegeben. Die Animation sollte flüssig sein, mit Ease-In/Ease-Out-Keyframes.

<inputs> Frage mich nach: einem Voiceover oder Song mit einer gesprochenen Zeile (die Audiodatei) und ihrem Transkript, 10–12 kleinen Objekten, die mein Leben zusammenfassen, zwei Silhouetten, die wie eine Wärmebildkamera beleuchtet werden sollen (ein Kopf im Profil und eine erhobene Hand), sowie den 3 Worten, die am stärksten wirken sollen. Wenn ich etwas auslasse, nutze die Standardwerte: Vinyl, Buch, Kamera, Katze, Münze, Gamecontroller, Kappe, Herz, Geld, Pflanze, Klapptafel, Skateboard; kostenlose CC0-Silhouetten von Openverse; action, intention, curiosity. </inputs> <direction> Ein 20 Sekunden langer Film im 4:3-Format, 1440x1080 bei 60fps, geschnitten auf die Stimme. Off-White-Papier, Schwarz, ein Rot, ein Gelb, Geist für jedes Wort. Filmkorn auf allem, eine weiche Vignette und eine Kamera, die niemals ruht: ein langsamer Handheld-Float unter allem plus ein langsamer Push in jede Szene hinein. Keine Szenenschnitte zur nächsten: Jeder Übergang beginnt exakt auf dem letzten Frame der vorherigen Szene. Die einzigen harten Schnitte sind die Beat-Flips beim letzten Wort. Jedes Objekt ist Pixel-Art, die du selbst zeichnest: ein 16x16-Raster pro Objekt, jede Zelle eine handplatzierte Farbe, gerendert als 3D-Block (eine dunklere Extrusion nach rechts-unten, eine dünne Fase an jeder Zelle) mit einem weichen Kontaktschatten. Die Silhouetten werden wie eine Wärmebildkamera beleuchtet: Die Hitze kommt von der Dicke des Körpers an jedem Punkt, sodass Nase, Haare und Fingerspitzen kühler laufen, plus ein Hotspot und ein langsam wanderndes Rauschen, gemappt durch eine Black > Red > Orange > Cream-Rampe. Der Rand bleibt rasiermesserscharf, mit einem weichen Glow außerhalb davon. Bewegungsregeln: Nichts poppt herein (weich beschleunigte Gleitbewegungen von etwa 0,5s mit sanftem Start), schnelle Bewegungen erhalten echte Bewegungsunschärfe statt Geisterkopien, und Untertitel tippen sich mit der Stimme hinter einem Block-Cursor. Verboten: Stock-Footage, KI-Video, 3D-Kamerabewegungen, Partikel, Glitch. </direction> <structure> Hänge jede Szene an die Wort-Timings des Transkripts (messen sie mit faster-whisper Wort-Zeitstempeln, immer einen kurzen Chunk auf einmal): 1. Das erste Wort füllt eine gelbe Karte. Die Karte wischt nach links weg und die Frage tippt sich darunter auf zwei zentrierten Zeilen, die gleiten, um zentriert zu bleiben, während sie wachsen, das Schlüsselwort wird rot unterstrichen, wenn es gesprochen wird. 2. Die Objekte schießen in Bahnen über und unter den Wörtern vorbei, ein cyan-farbener Vierpunkt-Lichteffekt sweepet herein, dann verbrennt die Seite: Schwarz schließt sich von den Rändern auf den Kopf zu, hinter einem heißen roten Rand. 3. Der Kopf heizt sich auf schwarzem Hintergrund auf, während die Antwort unten links tippt. Eine dünne weiße Umlaufbahn zeichnet sich um den Kopf, ihre hintere Hälfte verläuft dahinter. Beim letzten Wort blüht Papier aus dem Inneren des Kopfes heraus mit den Objekten darin, und die Kamera fällt hindurch: Der Kopf rast an der Linse vorbei, bis nur noch Papier zu sehen ist. 4. Die Objekte sitzen auf einem gekippten Ring, gesehen in Perspektive (die vorderen größer und tiefer, zuletzt gezeichnet), drehen sich langsam, jedes wackelt leicht; die Münze flippt und landet mit Funken. 5. Bei jedem der 3 Wörter fliegt dieses Objekt aus dem Ring nach links und wächst, die Seite flutet schwarz aus ihm heraus, und das Wort tippt sich daneben (Kamera: ein roter Verschluss-Stern; Buch: ein rotes Band-Sweep; Schallplatte: zwei weiße Umlaufbahnen und rote Noten). Dann drainiert die Flut zurück in das Objekt, während es nach Hause fliegt, und die Kamera taucht näher in den Ring ein. Setze jedes Hero-Objekt in den Slot, der vorne-links ist, wenn sein Wort landet. 6. Der Ring zieht sich leicht zusammen, explodiert nach außen, jedes Objekt verwandelt sich in Tinte, und Tintenkleckse wachsen und verschlucken die Seite. 7. Die Hand steigt ins Bild, heiß, mit der Zeile geteilt auf beiden Seiten davon. Das Herz fällt in ihre Handfläche, hebt sich dann zur Mitte in der Größe, die die nächste Szene hält. 8. Das letzte Wort, ein Buchstabe pro Beat, der Hintergrund flippt Papier / Schwarz / Rot, das Herz hält seinen Platz über den Schnitt hinweg, das mittlere Objekt morphed pixelweise zum nächsten. 9. Dünne Pinselstriche sweepen durch, die Buchstaben driften auseinander und schweben, dann setzen sie sich wieder zum Wort zusammen mit dem Herz darüber. Die Kamera pushed weiter durch den Hold. </structure> <build> 1. Ein HTML-Canvas. Jeder Frame ist eine reine Funktion der Zeit innerhalb von seek(t). 2. Backe jedes Pixel-Sprite einmal auf einen Offscreen-Canvas (die Extrusions-Ebenen, dann die Frontseite), dann zeichne es skaliert und rotiert. 3. Die Hitze: Precompute die Basis-Hitze jeder Silhouette einmal (ein Distance-Transform der Maske, gehalten am Randwert außerhalb davon, damit nichts Dunkles einblutet, wenn sie hochskaliert wird). Jeden Frame, addiere den Hotspot und zwei Oktaven Wert-Rauschen bei Viertelauflösung, mappe es durch eine 256-Stufen-Lookup, upscale es, und schneide es mit der Vollauflösungs-Maske. 4. Der Fall durch den Kopf: Zeichne die Ring-Szene in eine Offscreen-Ebene, maskiere sie mit dem Kopf, der um einen Punkt innerhalb des Schädels hochskaliert ist, und lasse diese Skalierung auf einer kubischen Kurve wachsen, bis der Kopf den Frame bedeckt. Der Ring innen zoomt weniger als der Kopf, sodass es Tiefe liest. 5. Der Pixel-Morph: Paare jede Zelle von Objekt A mit einer Zelle von Objekt B und gleite jeweils Position und Farbe, mit einer kleinen zufälligen Verzögerung pro Zelle. 6. Render mit Playwright bei 60fps mit 8 Motion-Blur-Subframes, dann lege das Original-Audio mit ffmpeg wieder drauf. </build> <gotchas> Eine Mask-PNG ohne Alpha-Kanal füllt die ganze Box mit Hitze, also setze die Silhouette in den Alpha-Kanal. Ein vom Fotorand abgeschnittenes Glied zeigt als gerade Kante, also erweitere die Maske über den Frame hinaus. Ein Übergang liest sich nur dann glatt, wenn der letzte Frame einer Szene der erste Frame der nächsten ist: Zeichne die ausgehende Szene unter dem Übergang, und gib Szenen, die denselben Ring zeigen, eine gemeinsame Zoom-Funktion. Eine Flut, die sich noch zurückzieht, wenn die nächste Szene startet, liest sich als harter Schnitt, also lass sie zuerst enden. Eine schnelle Ease-Out-Flut liest sich als Sprung; nutze einen sanften Start. </gotchas> <start> Frage mich nach den Inputs, miss die Wort-Timings, dann zeige mir 8 Stills, bevor du renderst. </start>