Crea il tuo gioco di Mario! Nozioni di base di Scratch per bambini e adulti

Questa guida è disponibile per il download come PDF gratuito. Scarica questo file ora . Sentiti libero di copiarlo e condividerlo con i tuoi amici e familiari.

Sapevi che chiunque può creare un videogioco senza programmare? Sebbene ci siano diversi linguaggi per principianti , non devi passare sei mesi a imparare Java o C++ per creare un gioco. Puoi scegliere tra molti strumenti per vari tipi di giochi, ma un'ottima opzione per bambini (e adulti) è gratuita del MIT Graffio .

Scratch è uno strumento che ti consente di trascinare e rilasciare le risorse per creare giochi o animazioni. È facile da capire, ma insegna gli elementi costitutivi della programmazione nel processo. Vediamo cosa puoi creare in Scratch, quindi segui i passaggi per creare un semplice gioco di Mario.

Incontra Scratch

Per iniziare con Scratch, vai su la homepage . Dovresti creare subito un account in modo da poter salvare le tue creazioni. Clicca il Unisciti a Scratch pulsante in alto a destra della finestra. Crea un nome utente e una password, inserisci la tua data di nascita e sesso, quindi il sistema chiederà l'indirizzo email di un genitore. Inserisci il tuo se ne hai uno, quindi conferma il tuo indirizzo in modo da poter commentare altri progetti e condividere il tuo.

Ora puoi saltare dentro. Fai clic su Creare nella barra degli strumenti in alto per avviare l'editor di Scratch. Se preferisci puoi anche scarica l'editor offline per lavorare senza una connessione Internet.

Elementi sullo schermo

Quando avvii l'editor, vedrai la finestra sottostante. Analizziamo i suoi elementi (vedi l'immagine a grandezza naturale se quella piccola sotto non è chiara):

Palcoscenico -- Mostra un breve riepilogo del tuo gioco. Tutti gli sprite attivi e lo sfondo scelto appariranno qui. Puoi spostare gli sprite se vuoi. Dai un nome al tuo progetto nel campo sopra questo.
Sfondo -- Qui puoi selezionare uno sfondo per il tuo gioco. Scegli dalla libreria di Scratch, dipingi tu stesso o importa un file. Puoi anche catturare un'immagine dalla fotocamera del tuo PC, anche se la maggior parte delle persone probabilmente non avrà bisogno di questa opzione.
sprite -- Il centro per tutti gli sprite nel tuo progetto. Come gli sfondi, puoi aggiungere quelli predefiniti, crearne di tuoi o caricare immagini. Fai clic sul piccolo blu io icona su uno sprite per rinominarlo, cambiarne l'angolo o nasconderlo.
Area di lavoro -- Dove si svolge la maggior parte del tuo lavoro in Scratch. Usa le schede sopra (etichettate script , costumi , e Suoni per cambiare ciò su cui stai lavorando.
1. script serve per aggiungere blocchi di codice, di cui parleremo presto.
2. costumi ti consente di creare pose aggiuntive per i tuoi sprite. Questa scheda cambierà in Fondali se ne hai uno selezionato nell'area 2 , e torna a costumi quando selezioni uno Sprite nell'area 6 . Un editor di immagini di base ti consente di apportare modifiche alla grafica nel tuo gioco. Puoi anche rinominare le risorse qui.
3. Suoni , non sorprende che sia il centro per l'aggiunta e la modifica dei suoni.
blocchi -- A seconda di quale delle tre schede hai selezionato, quest'area cambierà tra blocchi di codice, costumi/sfondi sprite e clip audio.
Pulsanti di controllo -- La bandiera verde inizia il gioco, mentre il segnale di stop rosso lo termina. Li userai per i test.

Utilizzo dei blocchi

Ora che hai familiarizzato con l'editor di Scratch, parliamo di una delle parti più importanti dello strumento: i blocchi di codice. Invece di digitare il codice reale, questi blocchi ti consentono di definire il comportamento dei tuoi elementi. Si incastrano come i LEGO, rendendo facile vedere come si influenzano a vicenda.

Fai clic su uno sprite dall'elenco a sinistra e assicurati di selezionare il script tab per iniziare a trascinare i blocchi per quell'elemento. Nota che i blocchi sono codificati a colori e hanno bordi come un puzzle per mostrare come si incastrano. Le dieci categorie e cosa fanno sono:

Movimento -- Fai muovere lo sprite dato, sia per gradini, verso un altro oggetto, o tramite coordinate dirette.
Sembra -- Consente allo sprite di nascondersi o mostrarsi, cambiare costume, cambiare dimensione o spostarsi tra i livelli.
Suono -- Riproduci suoni, cambia volume o regola il tempo.
Penna -- Disegna con un pennarello e cambia colore e forma.
Dati -- Consente di creare le proprie variabili. Questo è estremamente utile per gli elementi che Scratch non ha integrato.
Eventi -- Criteri per avviare altre azioni, come quando si fa clic sulla bandiera verde o si preme la barra spaziatrice. Hai bisogno di questi blocchi per fare in modo che tutti gli altri blocchi facciano qualcosa!
Controllo -- Cicli per ripetere un'azione, eseguire un'istruzione if-else o interrompere qualcosa.
rilevamento -- Posiziona questi blocchi in altri per eseguire azioni quando uno sprite tocca un altro elemento o l'utente tiene premuto un tasto.
Operatori -- Elementi matematici che consentono di eseguire operazioni aritmetiche o booleane di base sulle variabili.
Più blocchi -- Crea i tuoi blocchi se questi non sono sufficienti!

Un semplice esempio

Facciamo un semplice esempio per illustrare come questi blocchi si incastrano, passo dopo passo. Faremo in modo che il gatto Scratch calcia un pallone da calcio in porta e suonerà un suono quando entra.

Per prima cosa, hai bisogno di un fantastico sfondo di calcio. Dirigiti verso il Sfondo sezione in basso a sinistra e fai clic sull'icona dell'immagine per scegliere uno degli sfondi di Scratch. Ce n'è uno chiamato Obiettivo1 funzionerà perfettamente. Quindi, fai clic sull'icona dello sprite per aggiungere un nuovo sprite predefinito. Dovresti vedere il Palla-Calcio nell'elenco: fai doppio clic su di esso per aggiungerlo ai tuoi sprite.

Ora che la grafica è pronta, devi iniziare con alcuni blocchi. Seleziona il gatto, poiché è lui che fa l'azione. Ricorda che il Eventi scheda contiene molti dei blocchi di partenza? Dai un'occhiata e ne vedrai uno che si attiva quando fai clic sulla bandiera verde. È un punto di partenza perfetto: trascinalo nel script area di lavoro.

Una volta che inizi, vuoi che il gatto passi e calci la palla, giusto? Sembra qualcosa che rientrerebbe sotto il Movimento scheda. Hai diverse opzioni per far muovere il gatto, come il Muovi X passi bloccare. Ma non possiamo garantire quanti passi impiegherà il gatto per raggiungere la palla. C'è un blocco migliore per questo: prova il Scorri per X secondi a bloccare. Un secondo è un bel momento e dovrai fare clic sul blu io icona del pallone da calcio per vederne le coordinate. Inseriscili nel blocco e la tua prima azione è completa!

Calciare la palla

Una volta che il gatto tocca il pallone da calcio, dovrebbe volare in porta. Quindi, seleziona il pallone da calcio in modo da poter aggiungere alcune azioni ad esso. Ricorda che ogni azione deve iniziare con un Evento -- la bandiera verde va bene per questa istanza. Ora, non vuoi che il pallone da calcio si muova finché il gatto non lo tocca. Dai un'occhiata al Controllo categoria per un blocco che ci consente di limitarne il comportamento. Il Aspetta fino il blocco suona bene!

Notare come Aspetta fino blocco ha una forma esagonale allungata al suo interno. Molti dei rilevamento i blocchi si adattano a questa forma, quindi dai un'occhiata a quelli per trovare quello giusto. Vedi il toccante blocco in cima alla lista? Puoi trascinarlo proprio dentro il buco all'interno Aspetta fino . Cambia la casella a discesa in Gatto o come hai chiamato lo sprite del gatto.

Ora devi solo far volare il pallone da calcio in porta. Il Scorri per X secondi a blocco nel Movimento la categoria che abbiamo usato in precedenza per il gatto funzionerà bene. Scatta quel blocco sotto aspetta fino e posiziona il puntatore del mouse sulla porta. Vedrai X e E coordinate sotto il palco - collegale al planare bloccare. La palla dovrebbe muoversi abbastanza velocemente quando viene calciata, quindi proviamo 0,5 secondi per la tempistica.

E la folla va in delirio

L'ultimo passo è aggiungere il suono! Seleziona il Suoni scheda sopra l'area di lavoro per aggiungerne una nuova. Fai clic sull'icona dell'altoparlante sotto Nuovo suono per prenderne uno dalla libreria di Scratch. Ce n'è uno chiamato Allegria sotto il Umano categoria, che è perfetta. Fare doppio clic per aggiungere, quindi tornare all'area di lavoro per il pallone da calcio.

quali sono le cose sul retro dei telefoni delle persone?

Troverai un blocco etichettato Riprodurre l'audio sotto il Suono categoria. Scattalo sotto il planare blocco e il gioco è fatto! Fare clic sulla bandiera verde per riprodurre l'animazione. Il gatto correrà verso la palla e quando la tocca, la palla vola in porta e la folla esulta.

[video mp4='https://www.makeuseof.com/wp-content/uploads/2017/04/Scratch-Soccer-Example-Video.mp4'][/video]

Non è stato troppo difficile! Ora che abbiamo approfondito il modo in cui i blocchi si relazionano e si incastrano, diamo un'occhiata a come puoi costruire un gioco di Mario usando Scratch.

Creazione di un gioco di Mario di base

Il semplice esempio di calcio sopra mostra come puoi usare i blocchi per controllare gli sprite, ma non ha gameplay, animazioni o musica. Approfondiamoci e creiamo un semplice gioco di Mario. Potremmo spendere migliaia di parole su ogni aspetto della creazione di un gioco, quindi ci atterremo alle basi.

Notare che: Poiché non sono un artista, per gli scopi di questo tutorial sto copiando gli sprite di Mario dal web. La grafica di Mario è di proprietà di Nintendo e non dovresti pubblicare alcun gioco utilizzando sprite protetti da copyright. Questo è presentato solo come esempio.

Importa grafica

Il primo passo è importare i tuoi sprite e sfondi in Scratch. Dato che stiamo usando immagini dal web, le scaricherò e poi le caricherò in Scratch. Creare una logica in modo che Mario possa saltare sui nemici per sconfiggerli ma muoia toccando i loro lati è troppo avanzato per questo tutorial, quindi gli faremo invece raccogliere monete.

Alla fine del tutorial, fornirò un file ZIP con le risorse finali che ho utilizzato. Se li usi non dovrai preoccuparti delle istruzioni di manipolazione delle immagini nel tutorial. Se vuoi scaricare tutto da solo, continua. Ecco gli sprite che ho scaricato:

Mario che corre (per noi due fotogrammi sono sufficienti)
Mario che salta
Moneta animata
Blocchi di terra
Nuvole

Scratch ha un Cielo Blu 3 sfondo, che funzionerà bene per le nostre esigenze.

Modifica i costumi degli sprite

Poiché ci sono due sprite che compongono l'animazione della corsa di Mario, devi aggiungerli come costumi separati. Usa un editor di immagini come Paint.NET per salvare i due fotogrammi di Mario come file separati: puoi ignorare il terzo. Carica il primo sprite di Mario, quindi selezionalo e usa il costumi per caricare l'altro sprite come secondo costume. Dai loro nomi distinguibili, come Mario-1 e Mario-2 . Aggiungi lo sprite saltellante come un altro costume per Mario.

Usa un editor di immagini per estrarre il cloud dall'immagine fornita sopra, quindi caricalo come un nuovo sprite. Non è animato, quindi non è necessario aggiungere un costume separato.

Per il terreno, avrai bisogno di molti blocchi poiché Mario corre lungo di essi. Usa Paint.NET per afferrare i sei blocchi nel mezzo del Blocchi di terra immagine, quindi salvali come file separato. Avrai bisogno di circa 12 blocchi per coprire l'intera parte inferiore dello schermo una volta che li riduci a una buona dimensione. Pertanto, dovresti posizionare due copie di questi sei blocchi fianco a fianco per il tuo Terreno sprite. Carica questo e poi crea due duplicati di sprite di terra in Scratch.

La moneta è una GIF animata, quindi è leggermente diversa. Ogni volta che lo carichi, Scratch creerà i costumi per ogni fotogramma dell'animazione. Questa immagine ha 11 fotogrammi in totale, ma sfortunatamente ha anche un bordo bianco intorno, che si staglia sullo sfondo blu. Dovrai aprire ogni costume per la moneta all'interno dell'editor di Scratch. Usa lo strumento pipetta per selezionare il colore di sfondo blu, quindi usa lo strumento secchiello per cambiare i bordi bianchi della moneta in blu pallido.

Dovrai ridimensionare gli sprite usando il Crescere e Restringersi pulsanti lungo la parte superiore dello schermo, proprio sopra il pulsante della bandiera verde. Fai clic su uno dei due pulsanti, quindi fai clic sullo sprite che desideri modificare sullo stage a sinistra. Questo ridimensionerà anche tutti i costumi. Per ora mettili in campo; puoi perfezionare in seguito.

Importa suoni

Proprio come gli sprite, prenderemo un paio di suoni per arricchire il nostro gioco. Vai avanti e scaricali, quindi caricali usando il Suoni scheda. Già che ci sei, guarda dentro aggiungendoli come suonerie fantastiche per il tuo telefono .

Anima le monete

Ora che tutte le risorse sono pronte, è ora di iniziare a farle prendere vita. Inizieremo con le monete, dal momento che sono facili. Seleziona lo sprite della moneta e il script scheda. Poiché le nostre monete sono GIF animate, possiamo utilizzare una serie di blocchi per scorrere costantemente i loro costumi in modo che sembrino muoversi.

Uno script di animazione assomiglia a questo:

In breve, questo script imposta la moneta al suo stato predefinito quando fai clic sulla bandiera verde. Quindi scorre i fotogrammi all'infinito, a una velocità impostata come FPS variabile in Dati scheda. Gioca con quel numero se non ti piace la velocità.

Deseleziona la casella accanto a Coin-FPS nel Dati tab (questa è una variabile personalizzata che crei) in modo che non venga visualizzata sullo schermo.

Far muovere Mario

Ora per la parte difficile. Sono necessari molti passaggi per far muovere Mario, ed è in realtà un trucco che fa scorrere i blocchi di terra per dare l'impressione di movimento. Piuttosto che provare a spiegare ogni ciclo di blocchi, fornirò schermate di blocchi di codice e spiegherò i loro punti salienti.

Per prima cosa, devi creare quattro variabili nel Dati scheda. Tutti e quattro questi sono Per tutti gli sprite eccetto per Velocità , che è solo per Mario:

Gravità è una costante che riporta Mario a terra quando salta.
A terra tiene traccia del fatto che Mario stia toccando il suolo o meno.
ScrollX misura il movimento orizzontale dello schermo.
Velocità (Solo Mario) controlla la velocità con cui Mario salta.

Animare il terreno

Hai già fatto due duplicati del tuo Terreno sprite facendo clic con il tasto destro del mouse e scegliendo Duplicare . Lagna Terra-1 all'estrema sinistra dello schermo, in modo che il suo blocco più a sinistra tocchi l'estrema sinistra dello schermo. Quindi, trascina gli altri sprite di terra a destra del primo. Allinea i bordi e sembrerà che il terreno sia un pezzo solido.

Ecco il blocco di codice che ti servirà per ciascuno Terreno sprite:

Questo posiziona il terreno nella parte inferiore dello schermo, quindi fa semplicemente scorrere i blocchi mentre Mario si muove. ScrollX è la posizione dei blocchi; 0 è la posizione predefinita che si avvia quando si fa clic sulla bandiera verde. Noterai che non puoi spostarti a sinistra subito dopo aver iniziato.

Per i secondi (e ulteriori) blocchi di terra, incrementare il 0 cifra in Scorri X + 480 * 0 di uno per ogni nuovo pezzo di terreno. Questo lo sposterà in modo che scorra senza intoppi.

La logica di Mario

Questo è tutto ciò che serve per i blocchi, ma Mario ha molti più blocchi di codice. Ecco cosa fanno ciascuno di loro, con un breve riassunto:

Questo blocco di codice cambia il ScrollX variabile quando Mario si muove. Ogni volta che premi sinistra o destra, Mario guarda nella direzione appropriata e fa un passo, aumentando ScrollX per 3. Se trovi che Mario si capovolge quando ti sposti a sinistra, fai clic sul blu io sul suo sprite e assicurati che Stile di rotazione è impostato sulla seconda opzione. Questo lo girerà a sinistra ea destra invece che in un cerchio.

notifica di richiesta di amicizia su facebook ma nessuna richiesta

Qui vediamo il codice che gestisce i cambi di costume di Mario. Quando Mario non è a terra, ha il costume da salto. Ogni volta che ti muovi a sinistra oa destra, Mario passa da un fotogramma all'altro ogni decimo di secondo. Rilascia i tasti freccia e Mario torna alla sua cornice standard.

Un semplice frammento di codice che individua il A terra variabile. Se sta toccando uno dei blocchi di terra, A terra uguale a 1 (vero). Quando sta saltando, A terra è 0 (falso).

Questi due blocchi di codice gestiscono la velocità di salto di Mario. Sulla sinistra c'è un blocco che assicura che Mario non abbia alcuno slancio se è a terra. Se è in aria, la sua velocità viene gradualmente rallentata dalla gravità, che è un valore costante. Il blocco di destra fa saltare Mario ogni volta che premi la barra spaziatrice. Il suo suono di salto viene riprodotto e la velocità lo spinge in aria fino a quando la gravità non prende il sopravvento.

Il nostro ultimo blocco di codice per Mario è tutto configurato. Quando fai clic sulla bandiera verde per iniziare, la musica inizia, tutte le variabili vengono impostate sui valori predefiniti e Mario compare al centro dello schermo.

Collezionando monete

Torniamo alle monete. Dobbiamo assicurarci che quando Mario ne prende uno, emetta un suono e scompaia. Facciamo uno script separato per questo: separare gli script per funzione è una pratica importante nella programmazione. Una grande confusione di blocchi rende più difficile capire il problema quando qualcosa va storto.

Ecco il nostro script per la raccolta delle monete:

È abbastanza semplice: ogni volta che Mario tocca una moneta, viene riprodotto il suono della collezione e la moneta si nasconde. Nel codice di animazione della moneta, abbiamo inserito un Spettacolo blocca in modo che le monete riappaiano al riavvio.

Scorri monete e nuvole

Ci sei quasi! Dato che Mario non si muove, ma il terreno scorre, dobbiamo assicurarci che anche le monete scorrano in modo che Mario possa raccoglierle. Ecco come funziona:

Questo pone la moneta in a E valore (che è la posizione verticale dello schermo) dove Mario può facilmente afferrarlo. Quindi usa una logica simile ai blocchi di terra per scorrere verso Mario. Nota che abbiamo aumentato la velocità di scorrimento a 0,75 in modo che le monete si muovano rapidamente verso Mario. Per la seconda e la terza moneta, aumentiamo il imposta y su campo a -40 e -venti quindi sono un po' più in alto e più difficili da afferrare per Mario. Nel Imposta x su bloccare, aumentare il 150 * 1 a 150 * 3 e 150 * 5 per la seconda e la terza moneta per posizionarle più a destra, fuori dallo schermo.

Le nuvole usano un blocco di codice quasi identico:

Ancora una volta, posiziona una nuvola a un'altezza specifica, quindi la fa scorrere mentre Mario si muove. Per una seconda nuvola che sia davanti a Mario invece che dietro di lui, cambia il imposta x su blocco a (Scorri X * 0,1) + (150 * 1) , proprio come le monete.

Aggiungi bordi

A causa del modo in cui abbiamo implementato il terreno e le monete, vedrai le monete bloccate sul bordo dello schermo finché non scorrono in vista. Questo è sgradevole, quindi dovresti creare uno sprite di bordo veloce dello stesso colore dello sfondo per nasconderlo su entrambi i lati sinistro e destro.

Il modo più semplice per farlo è fare clic con il pulsante destro del mouse sullo stage e fare clic Salva l'immagine del palco . Aprilo in Paint.NET e usa lo strumento pipetta per selezionare il colore di sfondo blu. Aggiungi un nuovo livello usando il dialogo in basso a destra. Quindi, usa lo strumento rettangolo per disegnare un rettangolo blu pieno su entrambi i lati dello schermo. Copri circa la metà di ogni blocco, quindi elimina il livello di sfondo.

Salva questo come file PNG e caricalo come un nuovo sprite chiamato Frontiera . Poiché hai disegnato i bordi proprio sopra lo schermo, puoi allinearlo perfettamente.

Quindi, hai solo bisogno di pochi blocchi in modo che il confine sia sempre davanti:

Espandere il tuo gioco

Prova il prodotto finale qui !

Abbiamo impostato insieme solo le basi di un gioco di Mario. Puoi aggiungere molti elementi al tuo gioco da qui. Prova ad aggiungere Super Funghi per potenziare Mario, creando delle fosse che Mario deve liberare o creando una bandiera di fine livello. Con gli elementi costitutivi che hai raccolto qui, puoi aggiungere più sprite, variabili e logica per creare tutto ciò che desideri. Non vediamo l'ora di vedere cosa ti viene in mente!

Vorremmo ringraziare l'utente Scratch dryd3418, poiché abbiamo usato parte del codice dal suo Super Mario: Tutorial Scorri e Salta progetto nel nostro progetto per questo articolo. Per un aiuto più dettagliato, inclusi gli script che puoi copiare, dai un'occhiata un'altra guida per creare un gioco di Mario . Se vuoi prendere un percorso più semplice, dai un'occhiata al Crea il tuo progetto di gioco di Mario che ti consente di trascinare e rilasciare gli sprite per creare un gioco semplice.

Nota che su qualsiasi progetto Scratch, puoi fare clic su Guarda dentro per aprire il progetto in un editor proprio come hai usato per il tuo progetto. Questo ti consente di dare un'occhiata ai blocchi che qualcuno ha usato per far funzionare il proprio progetto e può aiutarti quando rimani bloccato. Ho messo il mio progetto a disposizione di tutti, quindi sentitevi liberi di guardalo e dai un'occhiata al codice se hai bisogno di aiuto. Ho anche zippato tutte le risorse che ho usato in questo gioco, quindi puoi scaricali per risparmiare un po' di tempo.

Interessato a fare un passo avanti? Dai un'occhiata a Scratch For Arduino per creare progetti su quella piattaforma. Se sei pronto per tuffarti, dai un'occhiata a tutto ciò che ti serve per creare un gioco per iPhone da zero.

come fare un gioco su roblox

Per altre cose divertenti che puoi realizzare con i tuoi bambini, dai un'occhiata a questi siti di artigianato fai-da-te e progetti per bambini e ragazzi.

Condividere Condividere Tweet E-mail Come pulire il tuo PC Windows utilizzando il prompt dei comandi

Se il tuo PC Windows sta esaurendo lo spazio di archiviazione, ripulisci la spazzatura usando queste veloci utility del prompt dei comandi.

Leggi Avanti Argomenti correlati

Programmazione
Forma lunga
Guida lunga
Graffio

Circa l'autore Ben Stegner(1735 articoli pubblicati)

Ben è un vicedirettore e l'onboarding manager di MakeUseOf. Ha lasciato il suo lavoro IT per scrivere a tempo pieno nel 2016 e non si è mai guardato indietro. Si occupa di tutorial tecnici, consigli sui videogiochi e altro ancora come scrittore professionista da oltre sette anni.

Altro da Ben Stegner

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti