💾 Archived View for gamifi.cat › blog › 2015-11-20_uocscratch_3 › index.html captured on 2023-07-10 at 14:16:52.
⬅️ Previous capture (2023-03-20)
-=-=-=-=-=-=-
<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<meta name="keywords" content="blog, cultura lliure, internet, programari lliure, snap, gemini, fediverse, llengua catalana, catala" />
<title>UOCscratch 3. Blocs avançats - Gamifica't!</title>
<link rel="stylesheet" href="../../static/style.css">
<link rel="shortcurt icon" type="image/svg" href="../../img/favicon.svg" />
</head>
<body>
<header class="header">
<a href="#main" class="skip">Salt al contingut</a>
<a href="../../" class="logo" ><img src="../../img/logo.svg" width="300" heigh="60" alt="Logo Gamifica't"></a>
<nav class="header-right">
<a href="../">Blog</a>
<a href="../../projectes/">Projectes</a>
<a href="../../glossari/">Glossari</a>
<a href="../../contacte/">Contacte</a>
<a href="../../blog.xml" class="logo" ><img src="../../img/rss.png" width="32" heigh="32" alt="RSS Gamifica't"></a>
</nav>
</header>
<main id="main">
<div class="page">
<div class="blog-post">
<h1>UOCscratch 3. Blocs avançats</h1>
<p class="meta">2015-11-20</p>
<p>Si la setmana anterior la vam dedicar als blocs més bàsics, aquesta tercera setmana del Mooc de la UOC ens dedicarem a blocs més avançats: enviament de missatges, llistes i clons. Es proposen dues activitats evaluables: un projecte personal i continuar l’Arkanoid que vam engegar la setmana passada.</p>
<p><a href="../2015-11-06_uocscratch_1/index.html">Consulta els continguts del curs</a></p>
<h2>Enviament de missatges</h2>
<p>Els missatges permeten la comunicació entre els objectes d’un projecte. Podem, per exemple, sincronitzar accions com converses entre personatges. És el propi objecte que envia una notificació que pot ser captada per qualsevol altre objecte o l’escenari. Per enviar missatges hem de fer servir dos blocs: un d’enviament i un de rebuda.</p>
<p>A Scratch podem donar el nom que vulguem a un missatge. Si cliquem la pestanyeta que hi ha al costat dret, se’ns despleguen tots els missatges creats al projecte i també dóna la opció de crear un nou missatge. Quan s’envia el missatge arribarà a tots els personatges simultàniament. Els objectes o personatges que tinguin el barret de “Quan rebi (i el missatge)….” executaran el codi que tinguin sota el barret en el moment de la rebuda del missatge.</p>
<p>Per il·lustrar-ho, se’ns presenta un exemple d’enviament i rebuda de missatges on els gats s’envien missatges i diuen coses diferents. Un altre exemple es veu al vídeo del curs: el videotutorial del gat i el gos que tenen una microconversa.</p>
<p>Per practicar, ens han demanat agafar el projecte de blocs de moviment que vam fer la setmana passada i ampliar-lo posant-li un botó més. Aquest botó fará que el personatge llisqui per l’escenari. S’ha de crear un nou personatge en forma de botó i programar-lo: quan es cliqui, ha de fer lliscar el personatge a través de la programació d’enviaments de missatge.</p>
<p>La programació del nou botó “Deslizar” és la següent: quan es cliqui el personatge, enviarà un missatge a tots el missatge “Lliscar” (“Deslizar”, que está en espanyol). Quan el ninotet rebi el missatge “Deslizar”, es desplaçarà del punt inicial fins al mig de la pantalla. Aquí el projecte amb el nou botó:</p>
<p><a href="https://scratch.mit.edu/projects/88001520/">9_UOC_Bloques Mensaje</a></p>
<h2>Llistes</h2>
<p>Dins els blocs de dades (i just a sota de les variables) trobarem una opció anomenada “Crea una llista”, és a dir, que clican aquesta opció, podem crear un conjunt seqüencial de variables. Per seqüencial entenem que cada element de la llista té una posició concreta dins la llista. Així, es permet accedir fàciment a cadascun dels elements de la llista: números, text, disfresses…Es recomana que cada llista emmagatzemi elements del mateix tipus.</p>
<p>En una llista es poden dur a terme diverses accions com: insertar un element o eliminar-lo de la llista, consultar l’estat d’un element en particular, etc. Cada acció s’executa com un bloc diferent. Veiem un exemple de llista a Scratch! També se’ns comparteix un altre vídeo per saber com funcionen les llistes.</p>
<p>Per entrenar-nos amb les llistes, se’ns proposa reinventar l’exemple que se’ns ha donat i resoldre un petit repte: crear un botó nou per eliminar un element en funció del seu valor emmagatzemat a la llista (número o text) en lloc de fer-ho per posició.</p>
<ul>
<li>Si la llista conté més d’un element amb el mateix valor s’han d’eliminar tots.</li>
<li>Si no hi ha cap element amb el valor buscat, ha d’aparèixer a la pantalla el missatge “No existeix l’element”.</li>
</ul>
<p>Aquí el meu projecte a Scratch:</p>
<p><a href="https://scratch.mit.edu/projects/88005267/">10_UOC_Bloques Listas</a></p>
<h2>Clons</h2>
<p>Els clons són còpies idèntiques d’un personatge i permeten replicar el personatge sense tenir que crear múltiples objectes amb la mateixa programació. Per a explicar-ho millor ens posen d’exemple la creació d’un projecte que simula una nevada. En realitat, només hi ha un floc de neu però està programat per clonar-se a si mateix, posicionar-se aleatòriament per la pantalla, fer que cau modificant l’eix y i desapareixent.</p>
<p>També se’ns mostra un projecte i la seva reinvenció amb clons: al projecte d’Space Invaders de l’usuari Supersonic1212 trobem que s’ha creat un objecte per a cada “marcianito dolent”. La cosa es pot simplificar amb clons com es pot veure en la reinvenció del projecte:</p>
<ul>
<li>Al fons trobem que es clons es creen un rere l’altre al pressionar la tecla z. Y creen els personatges origrow1, origrow3 y origrow5.</li>
<li>També al fons trobem que, un cop creats tots els clons, s’envia el missatge “invaders come” per iniciar el moviment del clons horitzontalment.</li>
</ul>
<p>Se’ns proposen dos reptes:</p>
<h3>Fer que nevi</h3>
<p>Al projecte https://scratch.mit.edu/projects/24707806/</p>
<ul>
<li>Quan els flocs toquin les roques, fer que canvïin de disfressa perquè sembli que les roques es van cobrint de neu poc a poc</li>
<li>Crear una variable “Vent” que faci que els flocs de neu es moguin en la mateixa direcció en funció de la direcció i la força del vent</li>
</ul>
<p>Aquí la meva nevada amb Scratch:</p>
<h3>Repte 2</h3>
<p>Continuar millorant la programació del joc Space Invaders</p>
<p>Els Sprites 4, 5, 6 i 7 són els que implementen la paret inferior i tenen un codi similar. S’ha de provar d’implementar-los com clons, és a dir, que només pot quedar un personatge (no sé de què em parlen…millorar la programació…del de la setmana passada? No hi ha sprites 4, 5, 6 ni 7… Ja ho aclariré. Seguim, que se m’acumulen els cursos…)</p>
<h2>Activitats avaluables: projecte personal i arkanoid</h2>
<p>En primer lloc, presentar un projecte original de joc fet amb Scratch. Hem d’anar confeccionant un projecte original (no un remix o reinvenció d’altri) que implementarem la darrera setmana del curs. La primera setmana es demana un primer esboç del projecte. L’avaluació es farà en P2P i els objectius són:</p>
<ul>
<li>Ser capaç de programar un projecte complet amb Scratch</li>
<li>Saber utilitzar els blocs avançats d’Scratch en funció del projecte</li>
<li>Explorar les possibilitats d’Scratch com a eina d’aprenentatge</li>
</ul>
<p>En aquesta primera setmana es proposa definir el projecte que es programarà la darrera setmana. Es demana definir els objectius i els elemens clau per al desenvolupament del joc i la seva posterior usabilitat, jugabilitat i experiència d’aprenentatge.</p>
<p>Com hi ha molta gent diferent al curs (profes, alumnes, progenitors, professionals, etc.) es proposa crear un videojoc o un joc educatiu. M’han matat…per què ho han proposat així?</p>
<ul>
<li>Primera, tot i que Scratch ho permet, no ens donen opció per a concebre com a projecte una presentació, una animació o una activitat…</li>
<li>Segona, un joc educatiu, si es programa amb Scratch és també un videojoc, no? No ho acabo de pillar…</li>
</ul>
<p><img src="../../img/scratch/mit-baby-foodie.png" alt="mit baby foodie 1 amb gameblox" /></p>
<p>I m’han matat perquè jo volia reciclar l’animació del “mAtOnEs y sIUx” (sobre diftongs i hiats en espanyol) que vaig començar a MoocBot però encara li queden cosetes per fer. Així seguia avançant el projecte. Bé, veurem…Potser reciclo un altre joc que vaig fer en un curs del MIT “Baby Foodie”.</p>
<p>Crec que al MIT usen els alumnes per fer de testers i no em sembla un mal intercanvi sempre i quan se solucionin els “bugs” o errors de software…que no es feia quan jo feia el curs…i per això el vaig deixar…no avançava…Ni vaig poder acabar el joc de Gen. 3 : 4-5, sobre Adam i Eva, el paradís, la fruita prohibida i la serp…Un problema que trobo a alguns Mooc és justament la falta de feedback i iteració d’instrumental…però clar…és el MIT i fa un curs gratis…</p>
<p>Doncs he pensat de passar “Baby Foodie” a Scratch, tot i que té un “glitch” o problemilla tècnic (a la dreta de l’escenari: sembla que es clavi…) Vaig demanar ajut i mai el vaig rebre, així que…així es va quedar el joc: és jugable, però, i funciona tot: gravetat dels objectes, puntuacions, canvis d’escenari i personatge, etc. Però no sé si classificar-lo com a videojoc o com a joc educatiu. Trobo que és les dues coses…</p>
<h2>Arkanoid</h2>
<p>D’altra banda, hem de continuar amb l’Arkanoid i afegir el moviment de la pilota. Al projecte de la setmana anterior vam afegir escenari, nau i blocs. Si per defecte, Scratch té blocs pel moviment i el rebot a les vores, no té per defecte blocs de rebot entre objectes: ho haurem de programar. Primer de tot haurem de guardar el projecte de la setmana anterior com una còpia. Després haurem de fer les següents passes:</p>
<ul>
<li><p>Programar el moviment de la pilota dins l’escenari fent que reboti quan toqui les vores. A l’iniciar-se el projecte, la pilota ha de mostrar-se a sobre de la Nau i apuntar a un angle aleatori entre 45 i -45 graus. Com a pista, recordar que l‘estil de rotació (definible al botó d’informació information.png de cada personatge o objecte del projecte) pot millorar l’efecte de rebot de la pilota.</p>
</li>
<li><p>Fer rebotar la pilota quan toqui la Nau i els blocs. S’avisa que el sistema de rebot no és fàcil de resoldre. El que es proposa de fer és girar 90º a l’esquerra la pilota, tot i que el rebot pugui no semblar realista. Pistes: 1) El control del rebot és recomanable ferlo en el personatge de la pilota. 2) Existeix un sensor que permet saber si un personatge està tocant-ne un altre. Una altra opció (que he implementat al joc) és enviar un missatge “Rebota”. S’envia des de la Nau i que respon la pilota apuntant en la direcció oposada i movent-se 10 passes. Hi ha moltes maneres de fer la mateixa cosa!</p>
</li>
<li><p>El joc ha d’aturar-se quan la pilota toqui la part inferior de l’escenari. Pistes: 1) Els límits verticals de l’escenari estan determinats per l’eix Y. Aquest eix va de la posició -180 (vora inferior) a la posició 180 (vora superior). 2) La posició vertical de la pilota es pot consultar mitjançant la instrucció “Posició y”, dins de la categoria de moviment. 3) Tot i que s’atura el projecte dient “Game Over”, la Nau encara es mou. Ho millorarem més endavant.</p>
</li>
<li><p>Crear un comptador de blocs tocats que s’incrementi en una unitat cada vegada que la pilota toca un bloc. Quan n’hagi tocat 5, ha d’acabar el joc. Pista: Es possible que quan la pilota toqui un bloc, el comptador sumi més d’un punt: el rebot realístic de 90º a l’esquerra fa rebotar la pilota múltiples vegades. No fa falta solucionar-ho en aquesta fase. Ho he fet igualment. Els blocs desaparèixen al ser tocats per evitar comptar-los més d’una vegada.</p>
</li>
</ul>
<p>ATENCIÓ!! El projecte s’ha de compartir, sinó no es pot evaluar…Ho van recordant però hi ha gent que encara “pajareja”. De 5 projectes a corregir la setmana passada, 2 ó 3 no estaven compartits…</p>
<p>Aquí el meva implementació de la setmana del projecte Arkanoid i el videojoc:</p>
<ul>
<li><a href="https://scratch.mit.edu/projects/87510849/">Arkanoid remix scratch</a></li>
<li><a href="../2015-11-22_uocscratch_videojoc/index.html">BabyFoodie 2</a></li>
</ul>
</div>
</div>
</main>
<footer>
Internets duals: gemini://gamifi.cat</br>
<a href="../../llicencies/">Diverses llicències</a> / <a href="../../kukis/">Política de Kukis</a></br>
♥ Fet amb paciència i tecnologies lliures ♥
</footer>
</body>
</html>