# Animacions a Appinventor ## Coordenades Per treballar amb animacions s'ha de fer amb els elements següents: - canvas - timer - imageSprite Els elements es col·loquen a la pantalla seguint aquestes coordenades: - la cantonada superior esquerra és el punt (0,0). - i la x augmenta cap a la dreta. - i la y augmenta cap a avall. ![](https://i.imgur.com/TjUNWG6.png) Els elements a animar (les imatges) es col·loquen: - les propietats x i y indiquen la coordenada on es posa la cantonada superior esquerra de la imatge. ![](https://i.imgur.com/eGDIh0e.png) # Exercicis introductoris: 1. Feu que un element (pilota o imatge) es bellugui d'esquerra a dreta de la pantalla. - Per això poseu a la pantalla un objecte Canvas. (Dibuix i animació -> Llenç) - Afegiu una pilota al mig de la pantalla. Podeu usar la ball que ja aporta la categoria de Dibuix. ![Captura de pantalla 2023-11-14 a les 7.36.08](https://hackmd.io/_uploads/rJkOHcxNT.png) - A la propietat de la pilota poseu: Direcció (Heding) a 0 i speed (velocitat) el valor 5. Proveu què passa? - Si canvieu el speed per 10. Què passa? - Si canvieu la direcció per de 0 a 180 què passa? - Que pasa quan arriba a la vora del LLenç? - Ara toca fer que si toca a la vora heu de fer que si la direcció de la pilota és 0 passi a 180. I si és 180 passi a 0. Proveu, què passa?![Captura de pantalla 2023-11-14 a les 7.43.45](https://hackmd.io/_uploads/B1nPPcxNp.png) Enlloc de neu el nom de la vostra pilota. 2. Millorem. - Canviem el codi de dins de Quan toca vora per aquesta crida que passa? Funciona igual? canvieu al direcció inicila a 90 què passa? ![Captura de pantalla 2023-11-14 a les 7.45.49](https://hackmd.io/_uploads/HJ-2DqxNa.png) - Ara feu que cada cop que toqui reboti però també vagi amb una direcció aleatòria entre 1 i 359 . Què passa? 3. Poseu una altra pilota. - Ara feu que si la pilota toca la vora vagi cap a l'altra pilota.Mireu aquesta instrucció. ![Captura de pantalla 2023-11-14 a les 7.46.23](https://hackmd.io/_uploads/H1f0PclNp.png) Neu ha de ser el nom de la vostra pilota i objectiu el nom de la segona pilota. - Quan xoquin, cada pilota vagi en direcció aleatòria. 4. Ara canviem aspecte, per això necessitem un timer i la definició d'una llista. Cada 3 segons canvieu un color aleatori de la llista. Feu servir els blocs següents: ![Captura de pantalla 2023-11-14 a les 7.43.31](https://hackmd.io/_uploads/Hkq4vcgVp.png) ![Captura de pantalla 2023-11-14 a les 7.43.36](https://hackmd.io/_uploads/r1ISDql4p.png) 5. Imagineu, feu ara vosaltres un joc o una animació. Per exemple: 5.1. Heu de fer una espècie de space invaders. - Dins d'un llenç (canva) feu el següent. - Teniu un [cohet](http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/SpaceInvaders/rocket.png) a la part de sota que es mou contínuament d'esquerra a dreta, rebota quan toca als eixos (a les vores). - Poseu diverses [naus extraterrestres ](http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/SpaceInvaders/saucer.png)pel llenç en la posició que vulgueu. - Quan premeu sobre el cohet es dispara una bala (una pilota del color que vulgueu). - Heu de fer visible la bala i que surti de la posició on està el cohet. - Surt en vertical, si toca a la vora desaparèix (es fa invisible). - Només es pot disparar una bala, per tant si la bala s'està movent (visible) no feu res. - Si la bala toca amb algun de les naus extraterrestres que hi ha pel canvas sumeu un punt i feu desparèixer bala i objecte. - Cada cop que toqueu una nau extraterrestre heu de comprovar si en queden de visibles, en cas que no quedin mostreu missatge (notificació) dient "Joc acabat felicitats!" -Afegiu-hi millores. Per exemple: - feu que es belluguin les naus extraterrestres? - com farieu que el cohet pugués llençar 3 o 4 bales?