Stwórz interakcję 2D podążającą za kursorem

HanaPoczątkujący8 min

Jeśli pierwszy raz próbujesz interaktywnego projektowania 2D, to świetne miejsce na start! 😉 W tym samouczku krok po kroku pokażemy, jak łatwo stworzyć interakcję 2D, która podąża za kursorem (lub za dotykiem na urządzeniach mobilnych), w Hana – nowej kanwie działającej w czasie rzeczywistym do projektowania i animowania interaktywnych doświadczeń 2D.

Zbudujemy tę zabawną interakcję, stosując zdarzenie Follow, by uzyskać płynną reakcję łańcuchową. To prosty i przyjemny sposób na dodanie ruchu i charakteru do Twojej strony lub projektu.

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

Dowiedz się, jak stworzyć to w 3D w edytorze 3D Spline: https://youtu.be/TQe5Ae16rE8

Czego się nauczysz

  1. 0:00Pierwsze kroki
  2. 0:49Tworzenie elips i stosowanie zdarzenia Follow
  3. 2:41Dostosowywanie wartości tłumienia i rozmiarów
  4. 6:10Eksportowanie i osadzanie projektu

Powiązane materiały

Powiązane samouczki

Wszystkie samouczki