
Runway Lookbook
Agence
Jellyfish Scroll : section créative animée (Interactive), prompt complet prêt à l'emploi.
# Driftlab — Jellyfish Scroll Hero (exact recreation prompt) Give me a single-file, scroll-driven hero called **Driftlab**. A pink jellyfish floats in the middle of a lilac sky. Huge condensed black words arrive big from the lower right on a curve, pass behind the jellyfish, pause in the centre and leave to the left. After the last word falls away, the jellyfish grows and two text panels appear in turn while it moves to the other side. Plain HTML, CSS and one vanilla script with raw WebGL2 in one file, with no libraries. The only external resources are the Google Fonts and the three media URLs below. Reproduce every value, string and timing exactly, and use the complete code at the end as the source of truth. Six rules define it: 1. **One canvas, drawn in this order:** sky, points, words, jellyfish. Depth is simply draw order, which is why the jellyfish is always in front of the letters. 2. **The jellyfish is a green-screen video keyed in a shader.** `d = g - max(r,b)` and `alpha = 1 - smoothstep(.10,.38,d)`. Green spill is clamped with `g = min(g, max(r,b)*.96)`. Translucent tentacles keep the letters visible through them. 3. **Words are bent ribbons.** Each word is a 56-column triangle strip on a ring of radius 9. Its ends come towards the camera and its right side drops, which gives the big entrance from the lower right. 4. **The words share one atlas.** Each word is drawn once with Canvas 2D into its own 512px row of a 4096px texture, with mipmaps and anisotropic filtering. 5. **Words dwell.** Position between words uses `ease = x*x*x*(x*(6*x-15)+10)`, so each one rests in the centre.
Débloquer l’accès Fondateur à vie
318 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Rentabilisé dès le premier client : une landing page se facture 800 € à 2 500 €.
49 € à vie au lieu de 199 €/an · Plus de 1 000 prompts, Studio et Skill inclus