Une scène qui bouge sans faire ramer : GSAP ou Three.js

Réservée

Un en-tête animé avec GSAP ou une scène 3D avec Three.js : choisir la technique la plus légère, installer, connaître les licences, respecter les règles qui évitent de faire ramer un ordinateur ou de vider une batterie. Avec deux briefs prêts à copier.

Viser haut, avec la technique la plus légère

Sur l'accueil de ce site, la galerie « Mes réalisations » montre ce qu'on peut viser. Une armure en 3D qui se monte pièce par pièce, puis s'allume : la 3D est faite avec Three.js, le mouvement avec GSAP. Un cristal qui fond, dessiné en temps réel avec WebGPU. Une carte électronique dont les pistes s'allument, en SVG animé. Et un lever de soleil sur des montagnes, fait seulement en CSS, sans aucune image.

Ce dernier exemple compte autant que l'armure. Un bel effet n'a pas toujours besoin d'une bibliothèque. Choisis la technique la plus légère qui donne l'effet voulu :

Envie de donner à ton site sa propre identité ?

La leçon 7 et toute la suite font partie de l’accès complet.

Tout débloquerToutes les formations, et celles qui arrivent.sans engagementSeulement cette formationUn site sur mesure, pas un site d'IA, à toi sans limite de durée.39 €une seule fois

Continuer avec l’accès complet Pas maintenant, je continue à explorer

Paiement sécurisé par Stripe. Pas de compte à créer avant. Déjà abonné ? Me connecter

Une scène qui bouge sans faire ramer : GSAP ou Three.js

Envie de donner à ton site sa propre identité ?

Envie de donner à ton site sa propre identité ?