# Crea un’interazione Follow in 2D - 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. [Tutorial](https://spline.design/it/academy/tutorials)
3. Crea un’interazione Follow in 2D

# Crea un’interazione Follow in 2D

HanaPrincipiante8 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

## Parte di

- [Hana | Tutto quello che devi sapere](https://spline.design/it/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction)

## Tutorial correlati

[Tutti i tutorial](https://spline.design/it/academy/tutorials)

[Inizia con il 2D interattivo in HanaHanaPrincipiante17 min](https://spline.design/it/academy/tutorials/get-started-with-interactive-2d-in-hana)[Come animare lungo un percorso con Hana e SplineHanaPrincipiante7 min](https://spline.design/it/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)[Crea design interattivi che reagiscono al mouse con HanaHanaPrincipiante6 min](https://spline.design/it/academy/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana)

[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.