Com es crea un joc de carreres a Scratch (amb imatges)

Taula de continguts:

Com es crea un joc de carreres a Scratch (amb imatges)
Com es crea un joc de carreres a Scratch (amb imatges)
Anonim

Aquest wikiHow us ensenya a crear un joc de carreres bàsic mitjançant el programa gratuït Scratch del MIT. L’objectiu principal d’aquest joc de carreres és completar la pista en el mínim temps possible sense caure.

Passos

Part 1 de 4: Configuració de la pista

Creeu un joc de carreres al pas 1 de Scratch
Creeu un joc de carreres al pas 1 de Scratch

Pas 1. Obriu Scratch

Aneu a https://scratch.mit.edu/ al navegador web de l'ordinador.

Scratch és un recurs de programació gratuït per a principiants

Creeu un joc de carreres al pas 2 de Scratch
Creeu un joc de carreres al pas 2 de Scratch

Pas 2. Feu clic a Crea

És una pestanya a la part superior de la pàgina. En fer-ho, s'obre la interfície Scratch.

Creeu un joc de carreres al pas 3 de Scratch
Creeu un joc de carreres al pas 3 de Scratch

Pas 3. Tanqueu la barra lateral "Tots els consells"

Feu clic a X a la llista de consells de la part dreta de la pàgina. Tot i que no és del tot necessari, fer-ho facilitarà el treball a la interfície de Scratch.

Creeu un joc de carreres al pas 4 de Scratch
Creeu un joc de carreres al pas 4 de Scratch

Pas 4. Introduïu un títol

Al quadre de text amb "Sense títol" escrit a l'extrem superior esquerre de la pàgina, introduïu el títol del joc (per exemple, "El meu joc de carreres").

És possible que primer hàgiu d’habilitar l’Adobe Flash fent clic a Permet sol·licitud o logotip.

Creeu un joc de carreres al pas 5 de Scratch
Creeu un joc de carreres al pas 5 de Scratch

Pas 5. Elimineu el sprite en forma de gat

Feu clic amb el botó dret del ratolí a la finestra "Sprites" que hi ha a la part inferior esquerra de la pàgina i, a continuació, feu clic a esborrar al menú desplegable resultant.

En un Mac, podeu mantenir premut Control mentre feu clic al sprite per demanar el menú desplegable

Creeu un joc de carreres al pas 6 de Scratch
Creeu un joc de carreres al pas 6 de Scratch

Pas 6. Feu clic a la pestanya Fons de pantalla

Es troba a la part superior de la pàgina Scratch.

Creeu un joc de carreres al pas 7 de Scratch
Creeu un joc de carreres al pas 7 de Scratch

Pas 7. Empleneu el fons

Abans de poder dibuixar la pista, haureu de crear el fons on resideix la pista:

  • Feu clic a la icona del cub de pintura que hi ha a sota de T icona.
  • Seleccioneu el color de fons de la pista (per exemple, verd per a gespa) a la part inferior de la pàgina.
  • Feu clic al fons a la part dreta de la pàgina.
Creeu un joc de carreres al pas 8 de Scratch
Creeu un joc de carreres al pas 8 de Scratch

Pas 8. Dibuixa la pista

Podeu fer que la vostra pista sigui uniforme o irregular com vulgueu:

  • Feu clic a la icona de pinzell que es troba a la part superior de la llista d'eines.
  • Seleccioneu un color per a la pista (per exemple, negre) a la part inferior de la pàgina.
  • Augmenteu l’amplada del pinzell arrossegant cap a la dreta el control lliscant que hi ha a la part inferior de la pàgina.
  • Dibuixa la pista en forma cíclica (no necessàriament circular).
Creeu un joc de carreres al pas 9 de Scratch
Creeu un joc de carreres al pas 9 de Scratch

Pas 9. Afegiu una línia d’arribada / sortida

Seleccioneu un color diferent del que heu utilitzat per al fons i la pista i, a continuació, reduïu l'amplada del pinzell i traqueu una línia pel lloc on vulgueu que acabi la cursa.

  • Aquest és també el punt davant del qual el vostre cotxe començarà la carrera.
  • És possible que vulgueu utilitzar l'eina de línia recta, que s'assembla a una barra inclinada posterior () a sota de la icona del pinzell.

Part 2 de 4: Crear un corredor

Creeu un joc de carreres al pas 10 de Scratch
Creeu un joc de carreres al pas 10 de Scratch

Pas 1. Feu clic a la icona "Pinta un sprite nou"

Es tracta d'una línia en forma de pinzell a la part superior dreta del tauler "Sprites", que es troba a la part inferior esquerra de la pàgina.

Creeu un joc de carreres al pas 11 de Scratch
Creeu un joc de carreres al pas 11 de Scratch

Pas 2. Amplieu

Feu clic a la icona "Apropa", que s'assembla a una icona de lupa amb un + en ell, almenys quatre vegades. Hauríeu de veure el gran la icona al mig del tauler de la dreta es fa més gran.

Si no ho heu fet abans, és possible que primer hàgiu de tancar la barra lateral "Consells" a la part dreta de la pàgina fent clic a X icona a l'extrem esquerre de la barra lateral.

Creeu un joc de carreres al pas 12 de Scratch
Creeu un joc de carreres al pas 12 de Scratch

Pas 3. Dibuixa el teu corredor

Amb el pinzell, dibuixa el teu corredor com vulguis.

  • Si esteu fabricant un cotxe, és possible que vulgueu utilitzar l'eina rectangle (la icona amb forma de rectangle) per dibuixar el cos i, a continuació, afegir les rodes del cotxe amb l'eina circular.
  • El La icona del tauler representa el centre del pilot.
Creeu un joc de carreres al pas 13 de Scratch
Creeu un joc de carreres al pas 13 de Scratch

Pas 4. Dibuixa un corredor estavellat

Feu clic a la icona de "Pintar vestit nou" en forma de pinzell a sota de l'encapçalament "Vestit nou" i, a continuació, dibuixeu una versió fallida (o d'una altra manera diferent) del pilot. Aquesta és la versió que es mostrarà si el corredor toca l'herba o qualsevol altre obstacle que definiu més endavant.

Per exemple, si el vostre corredor actual és una cara feliç, podeu fer que la disfressa "estavellada" sigui una cara trista

Creeu un joc de carreres al pas 14 de Scratch
Creeu un joc de carreres al pas 14 de Scratch

Pas 5. Seleccioneu el primer corredor

Al costat esquerre del tauler on dibuixàveu els vostres pilots, feu clic al primer que vau dibuixar.

Creeu un joc de carreres al pas 15 de Scratch
Creeu un joc de carreres al pas 15 de Scratch

Pas 6. Arrossegueu el pilot a la posició inicial davant de la línia de meta

Feu això al tauler esquerre. En fer-ho, us assegurareu que el vostre corredor estigui en la posició correcta de sortida quan aneu a crear el vostre script.

El pilot s’aturarà un cop toqui la línia d’arribada, així que assegureu-vos que el pilot estigui al davant

Part 3 de 4: Crear una posició inicial

Creeu un joc de carreres al pas 16 de Scratch
Creeu un joc de carreres al pas 16 de Scratch

Pas 1. Feu clic a la pestanya Scripts

Ho trobareu a la part superior de la pàgina Scratch.

Creeu un joc de carreres al pas 17 de Scratch
Creeu un joc de carreres al pas 17 de Scratch

Pas 2. Feu clic a Esdeveniments

És una opció just a sota de Scripts fitxa. En fer-ho, apareix una llista de claudàtors basats en esdeveniments.

Creeu un joc de carreres al pas 18 de Scratch
Creeu un joc de carreres al pas 18 de Scratch

Pas 3. Afegiu l'esdeveniment "quan s'ha fet clic a la bandera" al tauler

Feu clic i arrossegueu la icona "quan s'ha fet clic a [bandera verda]" al tauler de la dreta i deixeu-la anar allà.

Creeu un joc de carreres al pas 19 de Scratch
Creeu un joc de carreres al pas 19 de Scratch

Pas 4. Feu clic a Moviment

Aquest enllaç blau es troba a Scripts secció.

Creeu un joc de carreres al pas 20 de Scratch
Creeu un joc de carreres al pas 20 de Scratch

Pas 5. Afegiu la ubicació inicial del pilot

Això determinarà on comença el vostre corredor sempre que comenceu un joc nou:

  • Col·loqueu el cursor del ratolí sobre el pilot.
  • Reviseu les coordenades x i y del vostre corredor just a la part superior dreta de la finestra "Sprite".
  • Arrossegueu l'esdeveniment "Vés a x: 16 y: 120" per inserir-lo a sota de l'esdeveniment "quan s'ha fet clic a la bandera".
  • Feu doble clic al quadre de text "16" i, a continuació, escriviu el valor x.
  • Premeu la tecla Tabulador ↹ i, a continuació, escriviu el valor y.
  • Premeu ↵ Retorn.
Creeu un joc de carreres al pas 21 de Scratch
Creeu un joc de carreres al pas 21 de Scratch

Pas 6. Canvieu la posició inicial

Arrossegueu l'esdeveniment "punt en direcció 90" del menú "Moviment" per ajustar-lo a sota del quadre "anar a x y". D’aquesta manera, assegureu-vos que el cotxe s’enfronta a la direcció correcta quan es fa clic a la bandera.

Creeu un joc de carreres al pas 22 de Scratch
Creeu un joc de carreres al pas 22 de Scratch

Pas 7. Indiqueu quina disfressa cal utilitzar

Feu clic a Aspectei, a continuació, arrossegueu "canvia el vestit a vestit2" per ajustar-lo a sota de la posició inicial, feu clic al quadre "vestit2" i seleccioneu vestit1. Això fa que el vostre corredor torni a la seva disfressa sense xocar quan restabliu el joc.

Part 4 de 4: Creació de regles de moviment

Creeu un joc de carreres al pas 23 de Scratch
Creeu un joc de carreres al pas 23 de Scratch

Pas 1. Afegiu un script de moviment

Aquest és el guió que utilitzarà el vostre corredor per avançar:

  • Feu clic a Esdeveniments.
  • Arrossegueu l'esdeveniment "quan s'ha fet clic a la bandera" al tauler, separat del primer script "quan s'ha fet clic a la bandera".
  • Feu clic a Control.
  • Arrossegueu l'esdeveniment "per sempre" per incloure-lo a sota de l'script "quan s'ha fet clic a la bandera".
  • Feu clic a Movimenti, a continuació, arrossegueu l'opció "mou 10 passos" per inserir-la a la ranura "per sempre".
  • Canvieu la variable "mou 10 passos" de "10" a "2" i premeu ↵ Retorn.
Creeu un joc de carreres al pas 24 de Scratch
Creeu un joc de carreres al pas 24 de Scratch

Pas 2. Creeu controls

Utilitzarà el següent script per assignar controls de gir al vostre corredor:

  • Feu clic a Esdevenimentsi, a continuació, arrossegueu l'esdeveniment "quan es prem la tecla espaiadora" al tauler dues vegades. Hauríeu de tenir dos esdeveniments separats "quan es prem la tecla espaiadora".
  • Feu clic al quadre de text "espai" en un esdeveniment "quan es prem la tecla espaiadora" i, a continuació, feu clic a fletxa esquerra al menú desplegable.
  • Feu clic a l'altre quadre "espai" quan es prem la tecla espaiadora i feu clic a fletxa dreta al menú desplegable.
Creeu un joc de carreres al pas 25 de Scratch
Creeu un joc de carreres al pas 25 de Scratch

Pas 3. Afegiu moviments als controls

Així utilitzarà les tecles de fletxa per girar el pilot:

  • Feu clic a Moviment.
  • Arrossegueu l'esdeveniment "gira [fletxa dreta] 15 graus" per ajustar-lo a sota del control "fletxa dreta".
  • Arrossegueu l'esdeveniment "gira [fletxa esquerra] 15 graus" per ajustar-lo a sota del control "fletxa esquerra".
Creeu un joc de carreres al pas 26 de Scratch
Creeu un joc de carreres al pas 26 de Scratch

Pas 4. Creeu una regla fora dels límits

Si utilitzeu aquesta regla, assegureu-vos que, si el corredor toca el color de fons (no la pista), es bloquejarà:

  • Feu clic a Controli, a continuació, arrossegueu l'opció "si llavors" a un espai en blanc.
  • Feu clic a Detecciói, a continuació, arrossegueu l'opció "color tàctil" a l'espai en blanc de l'opció "si llavors" (entre "si" i "llavors").
  • Feu clic al color actual al costat de "color tàctil" i, a continuació, feu clic un cop al fons de la pista del pilot.
  • Feu clic a Aspectei, a continuació, arrossegueu "canvia el vestit a" per ajustar-lo a l'espai "si llavors".
  • Arrossegueu tot el conjunt "si és llavors" per ajustar-lo al buit "per sempre" que hi ha a sota de la regla "mou 2 passos".
  • Feu clic a Controli, a continuació, arrossegueu l'opció "atura-ho tot" per ajustar-la a sota de l'opció "canvia la disfressa a".
  • Feu clic a "tot" i, a continuació, feu clic a aquest guió al menú desplegable resultant.
Creeu un joc de carreres al pas 27 de Scratch
Creeu un joc de carreres al pas 27 de Scratch

Pas 5. Feu una reacció a la meta

El següent script crearà un missatge de victòria un cop el corredor creui la meta:

  • Feu clic a Controli, a continuació, arrossegueu l'opció "si llavors" a un espai en blanc.
  • Feu clic a Detecciói, a continuació, arrossegueu l'opció "color tàctil" a l'espai en blanc de l'opció "si llavors" (entre "si" i "llavors").
  • Feu clic al color actual al costat de "color tàctil" i, tot seguit, feu clic una vegada a la línia de meta.
  • Feu clic a Aspectei, a continuació, arrossegueu l'opció "Saluda durant 2 segons" per ajustar-la dins de l'espai "si llavors".
  • Canvieu "hola" per dir "Heu guanyat" i, a continuació, canvieu el "2" a la quantitat de temps que vulgueu utilitzar i premeu ↵ Retorn.
  • Arrossegueu tot el conjunt "if then" al parèntesi "forever" sota l'altre parèntesi "if".
Creeu un joc de carreres al pas 28 de Scratch
Creeu un joc de carreres al pas 28 de Scratch

Pas 6. Proveu el vostre joc

Allunyeu fent clic a - icona a la part inferior dreta de l'àrea del fons, feu clic a la bandera verda que hi ha a sobre del tauler esquerre i, a continuació, feu servir les tecles de fletxa per maniobrar al voltant de la pista. Hauríeu de poder arribar a la meta sense caure.

Si determineu que la pista és massa estreta o irregular per completar-la, podeu ajustar-la fent clic a la icona de la pista a la part inferior esquerra de la pàgina, fent clic a la icona Fons de fons i dibuixar a les zones que cal fixar amb el color primari de la pista.

Consells

  • Podeu desar un projecte Scratch a l'ordinador des de la pàgina Scratch "Crea" fent clic Dossier, fent clic Baixeu-la al vostre ordinador, seleccionant una ubicació desada i fent clic a Desa. A continuació, podeu tornar a obrir el projecte fent clic a Dossier, fent clic Pengeu des del vostre ordinadori seleccionant el fitxer Scratch.
  • Si heu de desfer una acció, premeu Ctrl + Z (Windows) o ⌘ Ordre + Z (Mac).
  • Serà molt més fàcil solucionar problemes i editar el codi si manteniu els diferents segments organitzats en lloc de repartir-los aleatòriament al tauler.
  • Podeu afegir obstacles a la vostra pista afegint-los amb un color diferent al de la pista i després utilitzant l’escriptura fora de límits per aplicar-los. Per simplificar, només podeu utilitzar el color de fons de la pista.

Recomanat: