Film de typographie cinétique : ESCAPE THE ORBIT

Créez un film de typographie cinétique de 20,00 secondes intitulé « ESCAPE THE ORBIT », basé sur le discours de John F. Kennedy à l'Université Rice, le 12 septembre 1962. L'expérience centrale : une phrase découvre qu'elle peut changer sa propre trajectoire. Livrez un fichier HTML complet et autonome. Composition : 1080×1080. Cible : 60fps. Utilisez Canvas, SVG ou WebGL intégré. Intégrez les ressources et bibliothèques requises. Le film doit fonctionner sans audio. TEXTE AFFICHÉ EXACT « We choose to go to the moon » « […] » « not because they are easy, » « but because they are hard » Préservez cet ordre. Les points de suspension entre crochets indiquent explicitement une omission dans le discours. L'attribution est séparée de l'extrait. Aucun slogan supplémentaire. DIRECTION ARTISTIQUE Arrière-plan : minuit #080D23. Typographie principale : blanc chaud #FFF4DD. Trajectoire : corail électrique #FF654F. Géométrie orbitale secondaire : bleu #6685FF. Utilisez un grotesque large et confiant pour le discours et un italique finement dessiné pour le dernier mot emphatique. Évitez l'apparence d'un tableau de bord d'engin spatial. Pas de fusées, d'illustrations d'astronautes, de fond d'étoiles, de lentilles lumineuses ou de télémétrie décorative. Le cadre doit ressembler à un instrument astronomique exceptionnellement raffiné devenu expressif. RÈGLE VISUELLE CENTRALE La ligne de base de la phrase est une trajectoire. Au début, elle est piégée dans une orbite fermée. Une décision rhétorique transforme cette orbite en un chemin ouvert. Les lettres restent les mêmes voyageuses tout au long. Utilisez une métaphore orbitale abstraite ; ne présentez pas de données de mission inventées et n'impliquez pas une simulation de vol physiquement précise. STORYBOARD 0.00–3.50 L'extrait d'ouverture apparaît au centre, grand et horizontal. Révélez-le en trois groupes de phrases significatifs. Une fine ellipse passe derrière la ligne de base. Une petite marque lunaire circulaire occupe son foyer lointain. Maintenez la phrase complète immobile pendant 700 ms. 3.50–6.00 La caméra recule. La ligne de base auparavant droite révèle une légère courbure. La phrase se déplace le long de l'ellipse comme une unité cohérente. Gardez ses glyphes droits pendant le mouvement initial. Ce n'est qu'après la pause de lecture qu'ils peuvent adopter progressivement la tangente du chemin. Le spectateur réalise que la phrase tourne en rond plutôt que d'avancer. 6.00–7.00 Montrez l'omission entre crochets dans une ouverture centrale épurée. Le mouvement orbital décélère. 7.00–10.50 Révélez la clause suivante sur le côté proche de l'orbite. Son dernier mot parcourt un arc lisse et sans effort et revient vers son point de départ. Cette aisance doit sembler élégante mais improductive. Évitez les rebonds comiques. 10.50–14.50 Révélez la clause finale horizontalement avant de la transformer. À son accentuation, l'ellipse s'ouvre en un point précis. Le même groupe de lettres suivi prend la nouvelle tangente et part. Effectuez un roulis de caméra délibéré de 70 degrés. Contre-rotationnez la phrase active pour qu'elle reste lisible pendant que le champ orbital change d'orientation autour d'elle. La trajectoire balaie du bas gauche vers le haut droit. L'accélération est transmise par l'expansion de l'espacement entre ses marques de traînée, pas en secouant la caméra. 14.50–17.00 La caméra correspond à la vitesse de la phrase qui part. La phrase devient visuellement immobile tandis que l'ancienne orbite recule en dessous. La marque lunaire s'agrandit en un croissant discret par chevauchement géométrique. Le croissant encadre la destination sans devenir une illustration de dessin animé. 17.00–20.00 Résolvez en une composition éditoriale spacieuse contenant l'extrait sélectionné dans l'ordre de lecture, y compris son marqueur d'omission. La trajectoire ouverte traverse les marges et sort du cadre. Maintenez l'image entière complètement immobile pendant les 1,2 dernières secondes. CHORÉGRAPHIE Utilisez seulement trois opérations de caméra : recul, roulis, correspondance de vitesse. Donnez à chaque opération un but rhétorique. Gardez la phrase actuellement lue à au moins 64 px de hauteur dans la composition 1080px. Le flou de mouvement peut affecter la géométrie de traînée, jamais le texte actif. Aucun mot ne peut commencer son voyage ornemental avant la fin de sa pause de lecture. IMPLEMENTATION Représentez l'ellipse et le chemin de départ analytiquement. Mélangez la position et la tangente en continu au point de départ ; pas de téléportation. Utilisez un échantillonnage de longueur d'arc pour un espacement cohérent le long des courbes. Séparez les transformations de caméra de l'orientation des glyphes. Mettez en cache le rendu des glyphes et la géométrie statique. Exposez window.ready et window.seek(t). La recherche doit mettre en pause la lecture et rendre n'importe quel temps de 0 à 20 de manière déterministe, y compris les appels hors ordre. Fournissez window.frame(n) pour n=0…1199 à t=n/60. Rendez t=20 comme la composition finale maintenue. N'utilisez aucune physique accumulée ni aléatoire d'exécution. PORTE DE QUALITÉ Inspectez les images à 0, 3, 5, 7.5, 10.5, 13, 16 et 19 secondes. Vérifiez que la même phrase suivie suit visiblement la trajectoire changeante. Vérifiez le roulis de caméra à la taille d'un téléphone. Inspectez la transition de départ pour les discontinuités de position ou de tangente. Retournez le HTML complet. Si l'inspection réelle du navigateur n'est pas disponible, indiquez-le brièvement après l'implémentation ; ne prétendez pas qu'elle a été testée.