Survol cinématique 3D de landing page (Master Prompt @twoclipping)

1. Ouvre mon lien dans Chromium sans interface (Playwright) à 1440px de large, deviceScaleFactor 2, et fais défiler jusqu'en bas une première fois pour que les images en chargement différé (lazy-loading) et les animations de scroll s'exécutent complètement. Marque les éléments qui doivent décoller en relief (cartes, maquettes de smartphones ou produits, badges, photos de fonctionnalités, témoignage, bouton du Hero) avec l'attribut data-layer. Effectue une capture d'écran de la page complète avec ces éléments masqués, puis capture chaque élément individuellement sur fond transparent avec 28px de marge intérieure (padding), et enregistre la position exacte de chaque composant sur la page dans un fichier JSON. 2. Une page de rendu WebGL2 unique, 1440x1152, chaque image étant calculée mathématiquement à partir du temps à l'intérieur d'une fonction seek(t) : aucun timer, aucune transition CSS. La page est un quadrilatère texturé (textured quad) posé sur le sol et chaque élément a son propre quadrilatère à son altitude respective, dessiné du plus bas au plus haut sans tampon de profondeur (depth buffer). Utilise des mipmaps et un filtrage anisotrope 16x, sinon le texte éloigné scintille et vibre. 3. Pilote la caméra à partir d'une courbe de vélocité continue unique, jamais à partir de positions clés définies toutes les demi-secondes. Distance focale 1880px, inclinaison de 56°, distance s'écartant progressivement de 1360 à 1700px sans jamais se rapprocher, sans aucune rotation latérale. Vitesse le long de la page exprimée en fraction de la vitesse de croisière (la croisière est d'environ 770 px de page par seconde) : 0 à 0s, 0.5 à 0.6s, maintenue à 0.5 jusqu'à 1.25s, 1.0 à 1.6s, maintenue entre 0.94 et 1.1 jusqu'à 7.3s, puis décélérant en douceur à 0.12 à 8.3s. Intègre cette vitesse mathématiquement pour déterminer la position exacte sur la page. 4. Profondeur de champ calculée par pixel (Shader DoF) : rayon de flou = 75 x (mise_au_point - profondeur) / profondeur devant le plan de netteté, et 6 x (profondeur - mise_au_point) / profondeur derrière le plan de netteté, plafonné à 120px, avec 40 échantillons (taps) distribués sur un disque à angle doré (golden-angle disc), chaque échantillon étant lu depuis le niveau de mipmap correspondant au rayon de flou. Maintiens la mise au point sur l'élément qui croise précisément le centre du cadre. 5. Un élément en lévitation se redresse en tournant sur son propre axe central médian, son bord supérieur s'élevant vers l'objectif de la caméra. Chaque élément projette une ombre portée réaliste sur ce qui se trouve sous lui : la même texture aplatie en aplat uni #1a2133, décalée de (0.10z, 4 + 0.36z), avec un flou de 7 + 0.5z, et 26% d'opacité. 6. Élévation (Rise) : dézoom en échelle logarithmique avec une courbe de vitesse trapézoïdale douce (accélération de 7.75 à 8.35s, vitesse constante de 8.35 à 8.95s, décélération jusqu'à l'arrêt à 9.25s) et transmission de la glisse à une caméra qui maintient le bord inférieur de la page sur cette ligne de 42px de 8.3 à 8.65s. Plongée piquée (Dive) : échelle logarithmique avec interpolation quadratique douce (quadratic ease in-out), puis résolution trigonométrique du point de visée (look-at) depuis le bord épinglé. Un masque rectangulaire à coins arrondis se métamorphose de la page complète vers le Hero, passant de coins de 24px à des coins de 38px. 7. Rendu avec Playwright sur le véritable processeur graphique matériel (--use-angle=d3d11 --enable-gpu --ignore-gpu-blocklist) : 60 images par seconde, 16 sous-images calculées sur 0,7 de frame pour un flou de mouvement (motion blur) cinématographique parfait, encodage H.264 MP4. L'impact sonore musical se place à 9.97s, les bruits de balayage d'air (whooshes) à 8.66s et 9.80s.