Nota

Ciao, benvenuto nella community SunFounder per appassionati di Raspberry Pi, Arduino e ESP32 su Facebook! Approfondisci la tua conoscenza di Raspberry Pi, Arduino e ESP32 con altri appassionati.

Perché unirsi?

Supporto esperto: Risolvi problemi post-vendita e sfide tecniche con l’aiuto della nostra community e del nostro team.
Impara e condividi: Scambia consigli e tutorial per migliorare le tue competenze.
Anteprime esclusive: Ottieni accesso anticipato agli annunci di nuovi prodotti e anteprime.
Sconti speciali: Goditi sconti esclusivi sui nostri prodotti più recenti.
Promozioni festive e omaggi: Partecipa a omaggi e promozioni festive.

👉 Pronto a esplorare e creare con noi? Clicca [qui] e unisciti oggi!

Lezione 5: Animazione interattiva

In precedenza, abbiamo usato il modulo a ultrasuoni per far evitare automaticamente al GalaxyRVR gli ostacoli sul suo percorso.

In questa attività, combineremo il modulo con uno stage per creare un’animazione interattiva di un rover che attraversa gioiosamente la superficie di Marte.

Obiettivi di apprendimento

Imparare a disegnare sprite e modificare sfondi.
Comprendere concetti di programmazione di base come listener di eventi e strutture di loop.
Familiarizzare con l’ambiente di programmazione dell’APP e le operazioni di base per creare una semplice animazione che simula un rover marziano.

Aggiungere nuovi sprite

Prima, Collegare l’APP al GalaxyRVR.
Elimina gli sprite che non ti servono.
Nell’angolo in basso a destra dell’interfaccia, tocca il pulsante Choose a Sprite per rivelare quattro opzioni.
Sugli schermi più piccoli, potresti dover passare a un’altra schermata per vedere questo pulsante.

Le quattro opzioni sono:

Upload Sprite – Carica uno sprite dal tuo dispositivo.
Surprise – Seleziona casualmente uno sprite dalla libreria.
Paint – Disegna il tuo sprite.
Choose a Sprite – Seleziona dalla libreria degli sprite.

Successivamente, useremo Choose a Sprite per selezionare uno sprite e Paint per disegnarne uno.

Choose a Sprite

Tocca Choose a Sprite (icona della lente d’ingrandimento) per aprire la libreria degli sprite.
Trova e seleziona GalaxyRVR dalla libreria.

Paint a New Sprite

Tocca Paint (icona del pennello) per creare un nuovo sprite. Disegneremo uno sprite Marte.
Usa lo Strumento Cerchio per disegnare un cerchio che rappresenta il pianeta.
Usa lo Strumento Puntatore per spostare il cerchio al centro della tela. Questo passaggio è importante perché le coordinate e i movimenti dello sprite sono basati sul suo centro.
Usa lo Strumento Secchiello per riempire il cerchio di rosso.
Seleziona lo Strumento Pennello, aumenta la dimensione del pennello e aggiungi texture con un colore di riempimento adatto.
Se il colore non sembra giusto, cambia il colore di riempimento e usa di nuovo lo Strumento Secchiello.
Seleziona di nuovo lo Strumento Pennello, imposta la dimensione a 2, cambia il colore in nero e disegna crateri su Marte.
Usa lo Strumento Secchiello per riempire i crateri con un colore adatto.
Una volta finito, torna all”Interfaccia Codice.
Sugli schermi più piccoli, clicca l’icona per tornare all’Interfaccia Codice.
Ora vedrai lo sprite Marte sullo stage. Non dimenticare di rinominarlo.

Stage

Clicca su Backdrops per modificare lo sfondo. Lo sfondo bianco predefinito sarà cambiato per simulare un cielo notturno.
Entra nell’interfaccia Backdrops.
Disegna un rettangolo sulla tela.
Usa lo Strumento Secchiello per riempirlo con un colore scuro.
Usa lo Strumento Pennello per aggiungere alcune stelle.

Creare l’animazione

Ora che abbiamo Marte e GalaxyRVR, e sappiamo come animare gli sprite, creiamo un’animazione di GalaxyRVR che si muove su Marte. Possiamo far sembrare che lo sprite si muova ruotando Marte nella direzione opposta, creando l’effetto di GalaxyRVR che si muove sulla sua superficie.

Prima, Collegare l’APP al GalaxyRVR.
Regola la dimensione e la posizione di entrambi gli sprite.
- Imposta lo sprite GalaxyRVR a (0, 0) e posiziona Marte in modo che GalaxyRVR sembri poggiare sulla sua superficie.

Sprite Marte

Seleziona lo sprite Marte. Il suo compito è ruotare in senso antiorario, creando l’illusione che GalaxyRVR stia avanzando.
Trascina un blocco bandiera verde. Tutta l’animazione inizia con la bandiera verde.
Trascina un blocco forever per mantenere l’animazione in esecuzione continua.
Trascina un blocco turn e un blocco wait per far ruotare Marte continuamente.
Ora clicca la bandiera verde e vedrai Marte ruotare in senso antiorario.

Sprite GalaxyRVR

Seleziona lo sprite GalaxyRVR. Il suo compito è animarsi come se si muovesse, anche se in realtà non si sta muovendo.
Trascina un blocco bandiera verde. Tutta l’animazione inizia con la bandiera verde.
Trascina un blocco forever per mantenere l’animazione in esecuzione continua.
Trascina un blocco next costume e un blocco wait per far animare GalaxyRVR continuamente.
Trascina un blocco when distance. Questo si attiverà quando il modulo a ultrasuoni rileva un ostacolo (es. la tua mano).
Trascina due blocchi glide e cambia il valore y del primo per far saltare lo sprite verso l’alto e poi scendere, creando un effetto di salto.
Il codice completo per lo sprite GalaxyRVR dovrebbe apparire così:

Ora, clicca la bandiera verde per avviare l’animazione. Simula un ostacolo mettendo la mano davanti al modulo a ultrasuoni e lo sprite GalaxyRVR salterà per evitarlo.