# Crea un’interazione Follow in 2D - Hana | Tutto quello che devi sapere - Spline Academy (https://spline.design/it/academy/tutorials/create-a-2d-follow-interaction)

> Se è la prima volta che provi il design 2D interattivo, questo è il punto di partenza ideale! 😉 In questo tutorial ti guidiamo passo dopo passo nella…

1. [Academy](https://spline.design/it/academy)
2. [Corsi](https://spline.design/it/academy/collections)
3. [Hana | Tutto quello che devi sapere](https://spline.design/it/academy/collections/hana-everything-you-need-to-know)
4. Crea un’interazione Follow in 2D

# Crea un’interazione Follow in 2D

Lezione 6 di 15HanaPrincipiante8 min

Se è la prima volta che provi il design 2D interattivo, questo è il punto di partenza ideale! 😉 In questo tutorial ti guidiamo passo dopo passo nella creazione di un’interazione 2D che segue il cursore (o il tocco sui dispositivi mobili) con Hana, un nuovo canvas in tempo reale per progettare e animare esperienze 2D interattive.

Costruiremo questa interazione giocosa applicando l’evento Follow per creare una reazione a catena fluida e morbida. È un modo semplice e divertente per aggiungere un po’ di movimento e personalità al tuo sito o progetto.

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

Scopri come crearla in 3D con l’editor 3D di Spline: <https://youtu.be/TQe5Ae16rE8>

## Cosa imparerai

1. [0:00Per iniziare](https://www.youtube.com/watch?v=bKrapjgDBNo&t=0s)
2. [0:49Creare ellissi e applicare l’evento Follow](https://www.youtube.com/watch?v=bKrapjgDBNo&t=49s)
3. [2:41Regolare i valori di smorzamento e le dimensioni](https://www.youtube.com/watch?v=bKrapjgDBNo&t=161s)
4. [6:10Esportare e incorporare il design](https://www.youtube.com/watch?v=bKrapjgDBNo&t=370s)

## Risorse correlate

- [Follow CirclesTemplate](https://app.spline.design/academy/tutorials/create-a-2d-follow-interaction?redirect-duplicate-template-uuid=3b7c3f0a-306e-4a88-aa07-e705edb96030&is-2d-file=true)
- [Designing in HanaDocumento](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Hana EventsDocumento](https://docs.spline.design/hana-a-canvas-for-interactivity/interactivity-in-hana#hana-events)
- [Exporting as EmbedDocumento](https://docs.spline.design/hana-a-canvas-for-interactivity/exporting-in-hana#exporting-as-embed-link)

## Panoramica

- Hana
- 8 min
- Principiante

## Prossima lezione

[Progetta effetti interattivi con sfocatura progressiva e gradienti morbidi9 minPrincipiante](https://spline.design/it/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)[Continua](https://spline.design/it/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)

[Spline](https://spline.design/it)

L’editor 3D e 2D per i team e i loro agenti. Pubblica sul web, su iOS e su Android.

#### Chiedi all’IA informazioni su Spline

#### Prodotti

- [Design 3D](https://spline.design/it/3d-design)
- [Hana](https://spline.design/it/hana)
- [Omma](https://omma.build)
- [Generazione 3D con IA](https://spline.design/it/ai-generate)
- [Spline MCP](https://spline.design/it/mcp)
- [Spline Arena](https://spline.design/it/arena)
- [Prezzi](https://spline.design/it/pricing)
- [Enterprise](https://spline.design/it/enterprise)

#### Runtime

- [Web](https://spline.design/it/web)
- [iOS](https://spline.design/it/ios)
- [Android](https://spline.design/it/android)

#### App

- [Download](https://spline.design/it/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Scarica Spline Mirror](https://spline.design/download-mirror)

#### Impara

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/it/academy)
- [API di Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluzioni](https://spline.design/solutions)

#### Community

- [Community di Spline](https://community.spline.design)
- [Blog](https://spline.design/it/blog)
- [Novità](https://spline.design/it/changelog)
- [Istruzione](https://spline.design/it/education)
- [Contra](https://spline.design/contra)
- [Affiliazione](https://spline.design/it/affiliate)

#### Azienda

- [Clienti](https://spline.design/it/customers)
- [Lavora con noi](https://www.ycombinator.com/companies/spline/jobs)
- [Sicurezza](https://spline.design/it/security)

#### Note legali

- [Termini e condizioni](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contatti

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.