frogger alumnes
TRANSCRIPT
Projecte Froggerhttps://www.dropbox.com/s/31s55fc2cx8ieca/Frogger.rar?dl=0
Carreguem els gràfics1. Carreguem el gràfic de la granota (fitxer “Frog_1” a la
carpeta de gràfics)
2. Creem un segon vestit per la granota carregant un altre gràfic de la granota (fitxer “Frog_2” a la carpeta de gràfics)
3. Eliminem el gràfic del gat
Moviment bàsic de la granota
1. Inicialitzar la granota a la posició central inferior2. Fer que es mogui cap amunt fins que toqui el límit
superior de la pantalla– Fer moviments de X passos cada vegada– Alternar entre els dos vestits de la granota entre dos
desplaçaments consecutius per donar sensació de moviment– Introduir una pausa abans de cada desplaçament per
visualitzar correctament el moviment
3. Introduir variables pel nº de passos del desplaçament i per la durada de la pausa
4. Provar diferents combinacions del nº de passos que s’avança a cada moviment i la durada de la pausa per veure com influeixen a la velocitat del moviment
Desplaçament en totes direccions1. Fer que la granota només es desplaci si es prem alguna
de les fletxes de direcció2. Quan es prem una de les fletxes de direcció la granota
ha de fer un únic moviment complet en aquella direcció– Un moviment complet inclourà dos desplaçaments, un amb
cadascun dels vestits de la granota, amb la durada i nº de passos que hagueu fixat en el pas anterior
Possible solució
Mateix codi. Només diferent en el valor de la direcció
Es pot simplificar utilitzant FUNCIONS
FuncionsIdea Dividir els programes en un conjunt de mòduls més petits i més fàcils de manipular (programar, depurar, reutilitzar, etc...). Cada mòdul (funció) fa una tasca concreta i independent que es pot executar (cridar) tantes vegades com faci falta des de qualsevol altre punt del programa.
Avantatges d’utilitzar funcions:• Simplificació del codi• Estructuració i claredat del codi• Facilitat per la localització d’errors
Divisió en funcions
Funció 1
Funció 2
Funció 3
Execució del programa
Crides a les funcions
Funcions1. Definició de la funció:
– Què ha de fer la funció? Fer un únic moviment complet en una direcció determinada (un moviment
complet inclou dos desplaçaments, un amb cadascun dels vestits de la granota, amb una durada i nº de passos determinats)
– Quins valors “externs” necessita la funció per poder-se executar?
Direcció del moviment Durada de la pausa Nº de passos
Paràmetres
2. Execució (crida) de la funció:‒ L’execució del programa salta a l’inici de la funció‒ S’ha de proporcionar un valor per cadascun dels
paràmetres‒ Quan s’acaba l’execució de la funció es torna al
punt de la crida
Definició de funcions en Scratch2. Nom de la funció
3. Afegir paràmetres
1
4. Afegir tants paràmetres com calgui
5. Donar nom a cada paràmetre
Definició de funcions en Scratch
• Afegir el codi de la funció
• Utilitzar el valor dels paràmetres
Crida a funcions en Scratch
X
Especificar un valor per tots els paràmetres
Anem a fer una mica de proves• Revisem que tot funciona com abans d’introduir la funció• Comprovem què passa si la granota arriba als límits
laterals o inferior de la pantalla– Funciona correctament? – Detecteu algun problema? Per què? Com ho podeu solucionar?
Modifiquem l’objectiu de la granota• Canviem l’objectiu final del joc
– Afegim un nou sprite que correspon a la cova on s’ha d’amagar la granota (fitxer “Cova” a la carpeta de gràfics)
– Posicionem aquest nou sprite a la posició central superior– Canviem el final del bucle del joc: s’ha d’acabar quan la granota
està dins de la cova
Posició (x,y) de la granota
Posició (x,y) de la cova
Per simplificar el codi pot ser convenient:‒ Crear una variable que ens indiqui en cada moment si la granota ha
arribat a la cova (valor de la variable = 1) o si encara no hi ha arribat (valor de la variable = 0)
‒ Crear una funció que comprovi si la granota ha arribat a la cova. Quan hi arriba es posa el valor de la variable anterior a 1
Una mica més de proves...• Comprovem que el joc s’acaba correctament quan la
granota entra a la cova completament• Fem una altra prova:
– La granota pot travessar les parets de la cova?– Com ho podem solucionar?
Introduïm temps límit• La granota ha de tenir un temps límit per arribar fins a la
cova• Scratch ens proporciona un timer que ens permet
controlar el temps que va passant:– Inicialitzar el timer
– Recuperar el valor del timer• El joc ha d’acabar si la granota arriba a la cova o si el
timer arriba a un temps màxim predeterminat
Introduïm nº de vides• Fixem un nº de vides inicial per la granota (p. ex. 3)• Si el timer arriba al màxim sense haver pogut entrar a la
cova s’ha de perdre una vida i tornar a començar el joc amb la granota a la seva posició inicial i el timer reinicialitzat a 0
• Quan el nº de vides arriba a 0 o la granota entra a la cova s’ha d’acabar la partida
• Al final de tot hem de mostrar un missatge dient si hem perdut (nº de vides = 0) o si hem guanyat (la granota ha arribat a la cova)
Canvi en l’estructura del programa• Per introduir correctament el nº de vides, és aconsellable
canviar l’estructura bàsica del programa
Nº de vides = 0 o granota entra a la cova
Granota entra a la cova o timer supera temps màxim
Control de tota la partida
Control d’una execució (vida) del joc
Inicialització de tota la partida
Inicialització d’una execució (vida) del joc
Final d’una execució (vida) del joc
Final de tota la partida
Introduim els cotxes• Afegim un nou gràfic per un cotxe (fitxer “Car_1” a la
carpeta de gràfics)• Moviment bàsic del cotxe:
– Inicialització a l’extrem esquerre d’una fila predeterminada– Moviment continu d’esquerra a dreta fins que el cotxe arriba a
l’extrem dret• Velocitat del moviment controlada pel nº de passos de cada desplaçament i
la durada de la pausa entre dos desplaçaments consecutius
• Aquest moviment bàsic del cotxe es repeteix contínuament durant tot el programa
Aturem el cotxe• Problema: quan s’acaba el joc el cotxe es continua
movent• Solució: utilitzar una variable global que indica si hem
arribat al final del joc (valor = 1) o encara no (valor = 0)– La variable s’activa a la granota al finalitzar el joc– S’utilitza al cotxe per controlar el final del moviment del cotxe
Assegurar-se que el moviment del cotxe s’acaba immediatament després d’acabar el joc i no continua fins arribar a l’extrem dret
Variable global
Atenció amb les variables globals
Col·lisió granota-cotxe• A la granota:
– Es perd una vida– La granota torna a la posició inicial
• Al cotxe:– S’atura el moviment del cotxe i torna a començar per l’extrem
esquerre• Comproveu si sempre detecta la col·lisió correctament
als dos gràfics, a la granota i al cotxe. Per què? Com ho podem solucionar?
Afegim nivells de dificultat• Afegim una variable (global) que indiqui el nivell de
dificultat actual del joc• Quan la granota arriba a la cova, s’incrementa el nivell
de dificultat i el joc torna a començar amb la granota a la seva posició inicial– Ara el joc només s’acaba quan ens quedem sense vides
• Incrementar el nivell de dificultat ha d’implicar:– Incrementar la velocitat de moviment de la granota– Incrementar la velocitat de moviment del cotxe– Decrementar el temps màxim per arribar a la cova
• Tingueu en compte que tots els valors que depenen del nivell de dificultat s’han de reinicialitzar cada cop que la granota o el cotxe tornen a la seva posició incial
Extensió a tots els cotxes• Afegim gràfics per tots els cotxes carregant la resta de
fitxers que hi ha a la carpeta gràfics• Cada cotxe tindrà una posició y determinada, una
velocitat pròpia diferent dels altres cotxes i una direcció de moviment fixada (alguns cotxes aniran d’esquerra a dreta i altres de dreta a esquerra)
• Posició inicial dels cotxes:
Extensió a tots els cotxes• La granota ha de perdre una vida si col·lisiona amb
qualsevol dels cotxes• Per detectar-ho de forma simple és convenient crear una
funció que s’encarregui de comprovar si la ha xocat amb algun dels cotxes. – Si hi ha hagut col·lisió posa a 1 el valor d’una variable que
controla la col·lisió– A la condició del bucle de control del joc només hem de mirar el
valor d’aquesta variable per saber si hi ha hagut col·lisió o no