# Progetta una tastiera 3D interattiva - Spline Academy (https://spline.design/it/academy/tutorials/design-an-interactive-3d-keyboard)

> In questo tutorial imparerai a costruire da zero una tastiera 3D con gli strumenti di modellazione, gli asset di materiale e gli eventi Key Down/Up.

1. [Academy](https://spline.design/it/academy)
2. [Tutorial](https://spline.design/it/academy/tutorials)
3. Progetta una tastiera 3D interattiva

# Progetta una tastiera 3D interattiva

Spline 3DIntermedio17 min

In questo tutorial imparerai a costruire da zero una tastiera 3D con gli strumenti di modellazione, gli asset di materiale e gli eventi Key Down/Up.

Scopri Spline: <https://spline.design/> Spline su Instagram: <https://instagram.com/splinetool/>

☀️ Aggiornamento: Spline è migliorato molto da quando abbiamo realizzato questo tutorial e ora un paio di nuove funzionalità ti permettono di seguirlo molto più velocemente.

1\. Il nuovo evento Key Press combina Key Up e Key Down, quindi devi definirlo una sola volta. 2\. Con la nuova funzionalità Components puoi duplicare un oggetto mantenendo le interazioni sul duplicato (così devi costruire un solo tasto).

Tutorial sui componenti qui: <https://youtu.be/VSddFnDjPUA>

## Cosa imparerai

1. [0:00Introduzione](https://www.youtube.com/watch?v=cdru3Ibj8Eg&t=0s)
2. [1:05Modellare un tasto 3D](https://www.youtube.com/watch?v=cdru3Ibj8Eg&t=65s)
3. [4:15Aggiungere gli asset di materiale](https://www.youtube.com/watch?v=cdru3Ibj8Eg&t=255s)
4. [6:10Creare il testo sui tasti](https://www.youtube.com/watch?v=cdru3Ibj8Eg&t=370s)
5. [7:35Creare il tasto arancione](https://www.youtube.com/watch?v=cdru3Ibj8Eg&t=455s)
6. [10:30Creare la base della tastiera](https://www.youtube.com/watch?v=cdru3Ibj8Eg&t=630s)
7. [13:50Aggiungere gli eventi di interazione](https://www.youtube.com/watch?v=cdru3Ibj8Eg&t=830s)

## Risorse correlate

- [3D KeyboardTemplate](https://app.spline.design/academy/tutorials/design-an-interactive-3d-keyboard?redirect-duplicate-template-uuid=d637461f-632f-46a7-b66f-988150e33af6&is-2d-file=false)
- [3D Modeling ToolsDocumento](https://docs.spline.design/designing-in-3-d/3d-modeling-tools)
- [Materials & ShadingDocumento](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Key Down EventDocumento](https://docs.spline.design/interaction-states-events-and-actions/events/key-down-event)
- [Transition ActionDocumento](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Events & InteractivityDocumento](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)

## Panoramica

- Spline 3D
- 17 min
- Intermedio

## Parte di

- [Le basi della modellazione in Spline](https://spline.design/it/academy/collections/modeling-essentials-in-spline/design-an-interactive-3d-keyboard)

## Tutorial correlati

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

[Crea una tastiera scura interattiva in 3DSpline 3DIntermedio16 min](https://spline.design/it/academy/tutorials/build-a-dark-interactive-keyboard-in-3d)[Anima blob 3D organici con gli statiSpline 3DPrincipiante5 min](https://spline.design/it/academy/tutorials/animate-organic-3d-blobs-with-states)[Crea un interruttore della luce 3D con interazioneSpline 3DIntermedio13 min](https://spline.design/it/academy/tutorials/build-a-3d-light-switch-with-interaction)

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