FEM UN VIDEOJOCamb

Scroll background

Desplaçament del fonsen funció del moviment del personatge

3

Ara, el personatge mantindrà els gestos de moviment, peròen comptes d’avançar es mantindrà sempre al mig de l’escenari (coordenada x = 0)

Serà el fons el que retrocedeixi en comptes del personatge el qui avanci.

mantinguem fixa la posició x del personatge

1. Posicionem el personatge a la coordenada x = 0

mantinguem fixa la posició x del personatge

1. Posicionem el personatge a la coordenada x = 0

mantinguem fixa la posició x del personatge

2. Treiem el moviment x al subprograma camina (el personatge no s’ha de desplaçar)

1. Posicionem el personatge a la coordenada x = 0

mantinguem fixa la posició x del personatge

2. Treiem el moviment x al subprograma camina (el personatge no s’ha de desplaçar)

Ara el personatge fa el moviment de caminar, però no es desplaça

3. Les instruccions en cas que el personatge arribi a les posicions extremes de la pantalla ja no tenen sentit. Treiem-les

Esborrem tots els fons de l’escenari i dibuixem un fons blanc o del color que vulguem.

Esborrem també el programa que vam fer per canviar de fons a l’escenari.

netegem l’escenari

Es tracta de fer diversos fons, els quals encadenarem i farem que es desplacin en funció del moviment del personatge.

Ara els fons seran animacions (vestits), ja que hauran de desplaçar-se.

preparem el fons

Creem una nova animació: Fons0

Importem la imatge Fons0. És transparent, per això he posat color a l’escenari.

preparem el fons

preparem el fons

Convé saber:

Dimensions escenari:480 x 360 px.

Les nostres imatgesde fons han de tenirAquestes dimensionsper tal d’adaptar-seal tamany de l’escenari.

preparem el fons

Fixem la posició del centre de la imatgea l’inici del programa (coordenades 0,0)

Fem-ho així

Fixem la posició del centre de la imatge a l’inici del programa (coordenades 0,0)

Fem-ho així

Ens interessa fixar la posició x inicial com 480*0perquè copiarem aquest programa a la resta de fons.

La possició inicial x de la resta de fons ha d’anar desplaçada 480 px respecte l’anterior:

Fons 0: (480*0 , 0)Fons 1: (480*1 , 0)Fons 2: (480*2 , 0)...

preparem el fons

Fons0 Fons1

La nova animació del fons tapa el personatge?

Utilitzem l’instrucció

al començamentdel programadel personatge

preparem el fons

Creem una variable: avançaxFixem-la a 0 a començament del programa

Quan el personatge camini cap endavant, en comptes de donar 5 passos amb cada vestit, RESTAREM 10 a avançaxQuan camini cap enrera, SUMAREM 10 a avançax

moviment del fons

fixem la coordenada x del fons en funció de la variable avançax

moviment del fons

Fons1

més fons

Dupliquem l’animació Fons 0:Es copien les imatges i els programes.Canviem el nom de l’animació: Fons1Substituïm la imatge i canviem els valors x al programa

Fem el mateix per crear Fons2, Fons3, ...

Recordeu anar canviant el multiplicadorde 480 en la definició de la posició xde cada fons

més fons

Fons0

Fons1

Fons2