Créer une interaction Follow en 2D

Leçon 6 sur 15HanaDébutant8 min

Si c’est la première fois que vous essayez le design 2D interactif, c’est l’endroit idéal pour commencer ! 😉 Dans ce tutoriel, nous vous guidons pas à pas pour créer facilement une interaction 2D qui suit votre curseur (ou le toucher sur mobile) avec Hana, un nouveau canevas en temps réel pour concevoir et animer des expériences 2D interactives.

Nous construisons cette interaction ludique en appliquant l’événement Follow pour créer une réaction en chaîne fluide. Une façon simple et amusante d’ajouter du mouvement et de la personnalité à votre site web ou à votre projet.

Démo 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Apprenez à le créer en 3D avec l’éditeur 3D de Spline : https://youtu.be/TQe5Ae16rE8

Ce que vous allez apprendre

  1. 0:00Premiers pas
  2. 0:49Créer des ellipses et appliquer l’événement Follow
  3. 2:41Ajuster les valeurs d’amortissement et les tailles
  4. 6:10Exporter et intégrer le design

Ressources associées