tag:blogger.com,1999:blog-55153276916138035192024-03-05T13:10:21.788+01:00Crear Jocs amb Scratch·Jugar programant·Programar jugant·TocsDeTicshttp://www.blogger.com/profile/16759144440858257307noreply@blogger.comBlogger57125tag:blogger.com,1999:blog-5515327691613803519.post-50948756595647058472023-05-24T18:44:00.005+02:002023-05-24T19:00:01.690+02:00A l'Scratch... no siguis caragat!<p>Scratch és també una xarxa social: un espai per compartir els nostres programes, seguir a altres usuaris, fer favorits, poder comentar... </p><p>Convideu als vostres alumnes a tenir un perfil ben polit, i a ser bons Scratchers... </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yqBWsSPixX-Koof5dnlz8KwgpZRdgNKQZ4YIfHmcrvwQ-teu_W9QcDOaOj2Hxkb6adSCm6CosBuELzfvyBOmjSGcsgVFkB34xL_fiZ2-fHmad6OnxbbWYLkWXWuj983bPiSv4DAbnt_KOWHTnTAkkgsfo0CpJOyVHdVQnQuyrTYvznhBYNQn9isW0A/s953/2023-05-24%2018_48_37-A%20l'Scratch...%20no%20siguis%20caragat!%20-%20YouTube.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="559" data-original-width="953" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yqBWsSPixX-Koof5dnlz8KwgpZRdgNKQZ4YIfHmcrvwQ-teu_W9QcDOaOj2Hxkb6adSCm6CosBuELzfvyBOmjSGcsgVFkB34xL_fiZ2-fHmad6OnxbbWYLkWXWuj983bPiSv4DAbnt_KOWHTnTAkkgsfo0CpJOyVHdVQnQuyrTYvznhBYNQn9isW0A/s320/2023-05-24%2018_48_37-A%20l'Scratch...%20no%20siguis%20caragat!%20-%20YouTube.png" width="0" /></a></div><br /><p></p><p><br /></p><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="410" src="https://www.youtube.com/embed/on1IbALWcAk" width="493" youtube-src-id="on1IbALWcAk"></iframe></div><br /><p><br /></p><p><br /></p><p><br /></p>PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-84203654976408468902023-02-13T16:55:00.010+01:002023-02-13T18:24:08.717+01:00CarnaScratch<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1sRZPv58qblMrl02odhVbGs1IviOznhGoDVQhGzokCYgx7n_JwrJGTvJsgoIGNha9EkwlTfI-a53Uw6Ayto-_Iu4wXDgCW6vDPd8M5QGoYvYi46RabVd9Lam5_EJk0vjq_g3KLnvxqySi4BthQzg5Y-uy56tbxTk4GYrZbASFg3Jr8i3EcKPguZ-GA/s452/2023-02-13%2018_08_08-Window.png" style="clear: right; display: block; float: right; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="336" data-original-width="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1sRZPv58qblMrl02odhVbGs1IviOznhGoDVQhGzokCYgx7n_JwrJGTvJsgoIGNha9EkwlTfI-a53Uw6Ayto-_Iu4wXDgCW6vDPd8M5QGoYvYi46RabVd9Lam5_EJk0vjq_g3KLnvxqySi4BthQzg5Y-uy56tbxTk4GYrZbASFg3Jr8i3EcKPguZ-GA/s200/2023-02-13%2018_08_08-Window.png" width="0" /></a></div><p>Amb els nens i nenes de Cicle Inicial anem fent alguna activitat guiada d'Scratch, que ens permetin iniciar-nos en l'entorn bàsic d'edició: el fons, els personatges, els vestits...</p><p></p><p>Què millor que fer una festa de disfresses. Aprofitarem les imatges que porta el mateix editor d'Scratch. </p><h3 style="text-align: left;">El Joc</h3><p style="text-align: center;"><br />
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/803116834/embed" width="485"></iframe> </p><p style="text-align: center;">Veure el projecte a la <a href="https://scratch.mit.edu/projects/803116834" target="_blank">web d'Scratch</a> <br /></p><h3 style="text-align: left;">El vídeo</h3><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="367" src="https://www.youtube.com/embed/sxOTo8SbKZY" width="441" youtube-src-id="sxOTo8SbKZY"></iframe></div><br /><h3 style="text-align: left;">El Programa</h3><div>També fem els nostres primers programes, en aquest cas un de ben senzill que va canviant el vestit cada cop que cliquem el personatge.<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAvbue5hUHZr9Eg5FXQq9QcIHyPfjYKBTBf_rvthz05GyxWusz4hZWJTyI44zVFTD7DbijoapTPFqAS4HVqbyCOssJHEkSgaYLnl-7YC0QvkSANM9Uu-Yv0QXVEaH6C_de1664q3uaKg3inTto89WdHAa2omiguGvQWtQmpjUiwW04Wm0EcVAh_hjEw/s258/2023-02-13%2017_59_41-Window.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="127" data-original-width="258" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAvbue5hUHZr9Eg5FXQq9QcIHyPfjYKBTBf_rvthz05GyxWusz4hZWJTyI44zVFTD7DbijoapTPFqAS4HVqbyCOssJHEkSgaYLnl-7YC0QvkSANM9Uu-Yv0QXVEaH6C_de1664q3uaKg3inTto89WdHAa2omiguGvQWtQmpjUiwW04Wm0EcVAh_hjEw/s1600/2023-02-13%2017_59_41-Window.png" width="258" /></a></div><br /><p></p><h3 style="text-align: left;">Què més puc fer? </h3><p>El joc bàsic el poden programar en una sessió els alumnes més petits. Els més grans poden completar-lo:</p><p></p><ul style="text-align: left;"><li>Animeu el fons.</li><li>Feu que els personatges parlin.</li><li>Posem-hi una mica de música.</li><li>Afegiu més nois o noies a la festa.</li><li>Proveu d'animar algun dels personatges, i que els vestits els acompanyin.</li></ul><div>Vinga... munteu la vostra festa de carnestoltes: <b>El CarnaScratch!</b></div><p></p></div><p></p>@PauetChttp://www.blogger.com/profile/15551858131645026889noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-38585484420740885632021-12-21T13:00:00.015+01:002021-12-21T13:45:31.341+01:00Pica el Tió!<p></p><table border="0"><tbody><tr><th style="text-align: justify;">
<span style="font-weight: 400; text-align: left;">El Tió és un dels personatges més simpàtics del Nadal! Si el cuideu i l'alimenteu molt bé, ens caga regals i llaminadures. A què espereu per a dedicar-li un joc! <br /><br /></span><b style="text-align: left;"><a href="https://scratch.mit.edu/projects/194421263/" target="_blank">Aquest és un joc creat a partir d'una plantilla que tens aquí</a></b><span style="font-weight: 400; text-align: left;">.</span></th>
<th><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEidd_OKVY8Or0xiz0BLaEDf4GhZc--b5z22aJZ9i3PZ5vN5QI4uG1YmMTzuhkHld9Sm8i2e1HBgZJsa7Jct4_I8aAYlbXtPY3_X6LzlsPq0qPwNb0-0NPgqCk6_iLKWc4-xMkiPtcUyM2xKFSyKAPuMyyp0kuQtiqdKbQZFFkKYxhx-48_BVVNYr_Kc1g=s566" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="422" data-original-width="566" height="100" src="https://blogger.googleusercontent.com/img/a/AVvXsEidd_OKVY8Or0xiz0BLaEDf4GhZc--b5z22aJZ9i3PZ5vN5QI4uG1YmMTzuhkHld9Sm8i2e1HBgZJsa7Jct4_I8aAYlbXtPY3_X6LzlsPq0qPwNb0-0NPgqCk6_iLKWc4-xMkiPtcUyM2xKFSyKAPuMyyp0kuQtiqdKbQZFFkKYxhx-48_BVVNYr_Kc1g=w102-h76" width="150" /></a></div></th>
</tr>
</tbody></table>
<p></p>
<h2 style="text-align: left;">El Joc</h2><center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/619523303/embed" width="485"></iframe>
<br /></center><center><br /></center><center><a href="https://scratch.mit.edu/projects/619523303/" target="_blank">Veure el joc a la web d'Scratch</a></center>
<h2 style="text-align: left;">El Vídeo</h2>
<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="360" src="https://www.youtube.com/embed/BQRbNs9_BB0" width="521" youtube-src-id="BQRbNs9_BB0"></iframe></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>
<h2 style="text-align: left;">Com es fa? </h2><p>Aquí teniu el blocs del joc complet, però millor que l'aneu fent seguint el vídeo! Així entendreu què fa cada bloc i perquè els organitzem així. </p><p><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiualVIwwxjHec5oASMJF4q7xNWP8l_HwX4y0UpfZLGr0t98ZFWZ6m6Q6PjHUJIL5wUe0Kwu-LuzItrLnK2SebsRG8NUZPbNvLGrAJcF79IN_qafIK4l6a-PnZoOVisSLP1h9agwTrKFlocpzX66-WY-VujO0ZfmFttGIh8MoR_nGgsQrjhWHwv90S1SQ=s761" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="585" data-original-width="761" height="492" src="https://blogger.googleusercontent.com/img/a/AVvXsEiualVIwwxjHec5oASMJF4q7xNWP8l_HwX4y0UpfZLGr0t98ZFWZ6m6Q6PjHUJIL5wUe0Kwu-LuzItrLnK2SebsRG8NUZPbNvLGrAJcF79IN_qafIK4l6a-PnZoOVisSLP1h9agwTrKFlocpzX66-WY-VujO0ZfmFttGIh8MoR_nGgsQrjhWHwv90S1SQ=w640-h492" width="640" /></a></div><h2 style="text-align: left;">
El marcador</h2><div>Segurament és la primera vegada que treballes amb un marcador. Els marcadors són una <a href="https://crearjocs.blogspot.com/2010/05/programacio-variables.html">variable</a>, molt senzilla de gestionar: la posem a 0 a l'inici del joc i l'augmentem en 1 cada cop que es pica el Tió.</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgie2Aan-GSsRr9DBQvlHyyptPxmDXd1XRLvYwpIqmZ7HjMK3E8E2nH39cFdY4ZFSLVwrXXJmqYFJzAgt0H_W99XZIKeH9NWJtFOBfGvmwZC44BouekWh38cJNvodjzWV0f2rGpK9ZnTIRX/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="66" data-original-width="508" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgie2Aan-GSsRr9DBQvlHyyptPxmDXd1XRLvYwpIqmZ7HjMK3E8E2nH39cFdY4ZFSLVwrXXJmqYFJzAgt0H_W99XZIKeH9NWJtFOBfGvmwZC44BouekWh38cJNvodjzWV0f2rGpK9ZnTIRX/w400-h53/image.png" width="400" /></a></div><br /><br /></div><p></p><h2 style="text-align: left;">Què més puc fer?</h2><div><ul><li>Crea un missatge nadalenc al principi del joc.</li>
<li>Afegeix altres sons, o una nadala com a música de fons. </li><li>Ara que saps fer un marcador, t'atreveixes amb un comptador de temps? A la secció de <a href="https://crearjocs.blogspot.com/2010/05/programacio-variables.html">variables</a> en tenim explicat un de ben senzill.</li>
<li>Pots afegir un <a href="https://scratch.mit.edu/projects/14980238/" target="_blank">efecte neu</a>, passant el personatge <i>floc de neu</i> a la motxilla i integrant-lo al teu projecte.</li>
</ul>
<div>
Aquí tens un exemple de joc més complert:</div></div><div><br /></div><div><br /></div>
<center><iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/619559693/embed" width="485"></iframe></center><center><br /></center><center><a href="https://scratch.mit.edu/projects/619559693/" target="_blank">Veure el joc a la web d'Scratch</a></center><center><br /></center><center style="text-align: left;"><br /></center><h2><center style="text-align: left;"><center style="text-align: left;">Notes metodològiques</center></center></h2><center style="text-align: left;"><center style="text-align: left;">Aquest projecte està pensat per a alumnes que ja han fet abans un primer acostament a l'Scratch. Deixeu que vegin el vídeo i vagin provant de recrear el joc.</center><center style="text-align: left;"><ul style="text-align: left;"><li>Deixeu que les noies i nois juguin dos o tres minuts amb el joc. perquè els sigui fàcil entendre després el funcionament dels diferents blocs.</li><li>Visualitzeu tots junts el vídeo (10 minuts). Podeu aturar-lo si algun alumne té alguna pregunta.</li><li>Deixeu al projector els blocs ben visibles, i feu notar als alumnes que han de parar atenció als colors dels diferents blocs. Això els ajudarà a localitzar el bloc correcte. </li><li>Passeu als alumnes la plantilla del joc: <a href="https://scratch.mit.edu/projects/194421263/" target="_blank">https://scratch.mit.edu/projects/194421263/</a> . La podeu enviar per correu, accedir desde la web d'aula o de youtube (a la descripció del vídeo).</li><li>Un cop comencin a programar, que vagin provant el funcionament cada cop que afegeixin un nou bloc.</li><li>Si un alumne acaba, pot ajudar als companys, o bé podeu convidar-lo a millorar el seu projecte amb les propostes del Què més puc fer?</li><li>Acabeu la sessió fent una passejada per l'aula, de forma que puguin veure els treball dels seus companys.</li><li>Convideu-los a provar-ho també a casa seva, amb l'ajut dels pares.</li><li>Podeu desar alguns dels projectes amb Fitxer>Desa al teu ordinador.</li></ul></center></center><br />PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-43258684473210901462020-12-10T19:53:00.004+01:002020-12-11T12:06:07.750+01:00L'Estrella de Nadal<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgr-5Y7oFFW0qevClggegN1wTKIzjNZlArUt6MVqAZxrB4HjQNkEWNQFya433AJlXMH1N8wsi76AkuF8_MXahw-B1XuNuMh394eR_XYspEKnlUJR2A_eMP2QBNAwA7jiKjmhhgC3bo5ADt/s1093/2020-12-10+17_18_28-L%2527Estrella+de+Nadal+on+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="0" data-original-width="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgr-5Y7oFFW0qevClggegN1wTKIzjNZlArUt6MVqAZxrB4HjQNkEWNQFya433AJlXMH1N8wsi76AkuF8_MXahw-B1XuNuMh394eR_XYspEKnlUJR2A_eMP2QBNAwA7jiKjmhhgC3bo5ADt/s320/2020-12-10+17_18_28-L%2527Estrella+de+Nadal+on+Scratch.png" width="0" /></a></div>Què us sembla? Els Reis Mags necessiten la nostra ajuda per a trobar l'Estrella de Nadal! Heu de fer-li clic amb al ratolí perquè canviï de color i soni! <br />Els voleu ajudar? Segur que us ho agrairan mooolt!<br /><p></p><h2 style="text-align: left;">El Joc</h2><p style="text-align: center;"><iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/461947133/embed" width="485"></iframe></p><p style="text-align: center;"><a href="https://scratch.mit.edu/projects/461947133/" target="_blank">Veure el joc a la Web d'Scratch</a></p><h2 style="text-align: left;">El Vídeo</h2><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="325" src="https://www.youtube.com/embed/ikI6s7xeJlQ" width="574" youtube-src-id="ikI6s7xeJlQ"></iframe></div><br /><p style="text-align: center;"><br /></p><h2 style="text-align: left;">Com es fa?</h2><p style="text-align: left;">Només hem de posar-hi codi a l'estrella:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDka2F-X6390Y6CWbT3uXK8Z-L5D-kihAHMT72aCdnA7ui3WbB2t-60WtRBOC8-6P4JKF2WGH7rXmK0Gj_0Lm8tmzm3mC25W8Di9Sg2bHxfM9NTd3jXdwHJSHRMqoD9c2e7jcWjV4ld-H/s511/2020-12-10+17_14_40-L%2527Estrella+de+Nadal+on+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="314" data-original-width="511" height="394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDka2F-X6390Y6CWbT3uXK8Z-L5D-kihAHMT72aCdnA7ui3WbB2t-60WtRBOC8-6P4JKF2WGH7rXmK0Gj_0Lm8tmzm3mC25W8Di9Sg2bHxfM9NTd3jXdwHJSHRMqoD9c2e7jcWjV4ld-H/w640-h394/2020-12-10+17_14_40-L%2527Estrella+de+Nadal+on+Scratch.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><h2 style="clear: both; text-align: left;">Què més puc fer?</h2><div><ul style="text-align: left;"><li>Podeu afegir un missatge nadalenc al fons</li><li>Decoreu una mica més l'estrella o el fons: un arbre de nadal, un pessebre....</li><li>Podem canviar el so POP per un altre... Aneu a la pestanya <b>Sons </b> i exploreu vosaltres mateixos un de més xulo!</li><li>Podeu posar un marcador, amb una variable. Quedaria així:</li></ul><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6T8RtyCZaGKJQ_9cEq_QRtZRM8QBTNXKI-j5tosZnKl29l7mYbgqu-Fi3VgnV3ALnM23-98efxGBf6uGRqEur0B6goiwvv-GX1wpW3r93J1CqovIh_qDJGUQE_pZ4cgAxteI2-4a3B2kx/s723/2020-12-10+18_01_17-L%2527Estrella+de+Nadal+on+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="360" data-original-width="723" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6T8RtyCZaGKJQ_9cEq_QRtZRM8QBTNXKI-j5tosZnKl29l7mYbgqu-Fi3VgnV3ALnM23-98efxGBf6uGRqEur0B6goiwvv-GX1wpW3r93J1CqovIh_qDJGUQE_pZ4cgAxteI2-4a3B2kx/w320-h158/2020-12-10+18_01_17-L%2527Estrella+de+Nadal+on+Scratch.png" width="320" /></a></div></div></div><div class="separator" style="clear: both; text-align: center;"><br /></div><h2 style="clear: both; text-align: left;">Notes metodològiques</h2><div>Aquest projecte està pensat per a ser un primer acostament a l'Scratch. Treballarem l'editor de dibuixos i les primeres nocions de programació, amb un codi ben senzill.</div><div><ul style="text-align: left;"><li>Deixeu que les noies i nois juguin dos o tres minuts amb el joc.</li><li>Visualitzeu tots junts el vídeo (9 minuts). Podeu aturar-lo si algun alumne té alguna pregunta.</li><li>Deixeu al projector els blocs ben visibles, i feu notar als alumnes que han de parar atenció als colors dels diferents blocs. Això els ajudarà a localitzar el bloc correcte. </li><li>Deixeu que els alumnes vagin a la web d'Sctatch: <a href="http://scratch.mit.edu">scratch.mit.edu</a>.</li><li>Comenceu per dibuixar el cel i l'estrella. Recordeu que és molt més fàcil si activeu l'opció de mapa de bits. Recordeu-los també l'opció de desfés. Deixeu que es facin amb l'editor.</li><li>Un cop fets els dibuixos, que comencin a programar, i que vagin provant el funcionament cada cop que afegeixin un bloc.</li><li>Si un alumne acaba, pot ajudar als companys, o bé podeu convidar-lo a millorar el seu projecte amb les propostes del <b>Què més puc fer?</b></li><li>Acabeu la sessió fent una passejada per l'aula, de forma que puguin veure els treball dels seus companys.</li><li>Convideu-los a provar-ho també a casa seva, amb l'ajut dels pares.</li></ul><div>Podeu desar alguns dels projectes amb Fitxer>Desa al teu ordinador.</div></div><p style="text-align: left;"><br /></p>PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0Granollers, Barcelona, Espanya41.606192700000008 2.287088913.295958863821163 -32.8691611 69.916426536178847 37.4433389tag:blogger.com,1999:blog-5515327691613803519.post-8473769659482373592020-12-05T20:16:00.006+01:002020-12-05T20:43:48.535+01:00Atrapa Regals per Nadal!<p>Voleu ajudar als Reis Mags? O al Pare Noel? Han de tenir a punt molts regals per repartir-los a tots els nenes i nenes!!! Amb aquest joc en podreu atrapar molts, i així segur que a ningú li faltarà salut, il·lusió i pau al món, que és el que tots demanem, a més de la PSP5... oi?<br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jCWw4Cy27TcksxWr8IVp3Vr0EsYiOaWG0R7F45EtmyLZKh6hyphenhyphenxj7l2poZz8cfKeUe1G7hg0wE_qa1GR6FWX8Z8o2-mOzu3DqMJFdZ9wouPsfjvLFwXOvSo39MZKanaraW7lHUN0wzZcF/s538/Screenshot+2020-12-05+at+20.17.39.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="0" data-original-width="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jCWw4Cy27TcksxWr8IVp3Vr0EsYiOaWG0R7F45EtmyLZKh6hyphenhyphenxj7l2poZz8cfKeUe1G7hg0wE_qa1GR6FWX8Z8o2-mOzu3DqMJFdZ9wouPsfjvLFwXOvSo39MZKanaraW7lHUN0wzZcF/w200-h153/Screenshot+2020-12-05+at+20.17.39.png" width="0" /></a></div><p></p><h2 style="text-align: left;">El joc</h2><center><iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/43884476/embed" width="485"></iframe></center><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="https://scratch.mit.edu/projects/43884476/" target="_blank">Veure el joc a la web d'Scratch</a></div><h2 style="text-align: left;">El Vídeo</h2><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/lekIZ2ZYObU" width="522" youtube-src-id="lekIZ2ZYObU"></iframe></div><div><br /></div><h2 style="text-align: left;">Com es fa?</h2><div>Aquí podeu accedir a la <a href="https://scratch.mit.edu/projects/458875433/editor" target="_blank">Plantilla del Joc</a>... Si teniu usuari d'Scratch, <b>inicieu la sessió</b> i accediu després a la plantilla. Un cop oberta, feu <b>Reinventa</b> per que el joc quedi als vostres projectes.</div><div><br /></div><div>Aquí teniu els blocs del personatge, sigui el que sigui. Fem servir un sensor de tecla premuda i moviment per coordenades, sumant o restant a l'eix X.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOEhNmHgJSAoW6GsiiLSk3ZLImqFdmS4RaSOZX7-_rgf7YZyAKqbSQBkNYAN0ufmX_j4JGU89BwbT4D3DRP0EQxeq5zu94rZvaHmZNf3_4GjE536qHaLxUhWcA5U8u13GLj065m1m-bVJH/s436/atrapar+personatge.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="436" data-original-width="426" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOEhNmHgJSAoW6GsiiLSk3ZLImqFdmS4RaSOZX7-_rgf7YZyAKqbSQBkNYAN0ufmX_j4JGU89BwbT4D3DRP0EQxeq5zu94rZvaHmZNf3_4GjE536qHaLxUhWcA5U8u13GLj065m1m-bVJH/w391-h400/atrapar+personatge.png" width="391" /></a><div class="separator" style="clear: both; text-align: left;">I aquí els blocs dels regals, només amb la variable <i>Punts</i> i utilitzant el missatge <i>Regal</i> per tal de generar recursivitat.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaufulSo3XC0BqlgiLJXgGzrSF1BntsPoGslm0GrzjHOZhvYqoiro9f3Oq3giIPeFAz-1_MspB4ybZ6yYwFmz7rP37XsejxBu3fNJJKwpa-E0J4gpz897vOzMHEfCU9DS7Nn6ACeWt2ge/s676/atrapar+regal.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="462" data-original-width="676" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaufulSo3XC0BqlgiLJXgGzrSF1BntsPoGslm0GrzjHOZhvYqoiro9f3Oq3giIPeFAz-1_MspB4ybZ6yYwFmz7rP37XsejxBu3fNJJKwpa-E0J4gpz897vOzMHEfCU9DS7Nn6ACeWt2ge/w640-h438/atrapar+regal.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><h2 style="text-align: left;">Què més puc fer?</h2><div style="text-align: left;"><ul style="text-align: left;"><li>Canvia els regals per imatges del les teves joguines preferides.</li><li>Afegeix un comptador per la vides del personatge. Què passarà quan les vides arribin a 0? A control tens un bloc <b>atura</b>:</li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_nAmDI6yXxoWp1O78tstejSp461A4kVvNBgXp29CijO7q-B-gBaYUwnAiH5fZpZPDabEF5TQOVmCkvU64A_jeQm88kUXIvFjz-CF4ES5FDTODZhhYnB7tC8qONxLAIabBOHrcoaRD89Ga/s451/2020-12-04+16_36_31-Boles+de+Nadal+%2528Airathul%2529+on+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="229" data-original-width="451" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_nAmDI6yXxoWp1O78tstejSp461A4kVvNBgXp29CijO7q-B-gBaYUwnAiH5fZpZPDabEF5TQOVmCkvU64A_jeQm88kUXIvFjz-CF4ES5FDTODZhhYnB7tC8qONxLAIabBOHrcoaRD89Ga/s320/2020-12-04+16_36_31-Boles+de+Nadal+%2528Airathul%2529+on+Scratch.png" width="320" /></a></div><ul style="text-align: left;"><li>Millora els efectes sonors, en atrapar els regals o quan aquests arribin a terra. </li><li>Posa-hi música de fons.</li><li>Pots afegir un <a href="https://scratch.mit.edu/projects/14980238/" target="_blank">efecte neu</a>, passant el personatge <i>floc de neu</i> a la motxilla i integrant-lo al teu projecte.</li></ul></div></div><div class="separator" style="clear: both; text-align: left;">Aquí pots veure una versió més completa del joc, amb alguna de les millores que proposem:</div><div><br /></div>
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/458958251/embed" width="485"></iframe>
</center><center><br /></center><center><a href="https://scratch.mit.edu/projects/458958251" target="_blank">Veure el joc a la web d'Scratch</a></center>PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-31938405742788818102020-12-04T17:13:00.000+01:002020-12-04T17:13:14.419+01:00Joc de les boles de NadalCom que s'acosta el Nadal, us proposo fer aquest senzill joc on haurem d'anar clicant les boles que guarneixen l'arbre de Nadal. Està pensat per a ser realitzat amb alumnes de primària amb una mica d'experiència amb Scracth, tot i que es pot aprofitar com a primer projecte en un casal nadalenc.<br />
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJQvO9tDZfw93DOPyuhZ8F3sOhulauNZ2W36-p881s52IKkWx6tzJz_eZvrJdR50ZP9i4Dsy6su6qcjJGZFplVNrVLDoUHaXkPx1lEkBDMyxbXy6mfCeqjCuoGc1mWcXSKaJIhMpiJ3u2/s320/Selecci%25C3%25B3_001.png" width="0" />
<br />
<h3>
El joc</h3>
<center>
</center>
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/36951920/?autostart=false" width="485"></iframe>
</center>
<center>
<a href="https://scratch.mit.edu/projects/36951920/" target="_blank"><span style="font-size: x-small;">Veure el Joc a la Web d'Scratch</span></a></center>
<center>
</center>
<center style="text-align: left;">
</center>
<center style="text-align: left;">
</center>
<h3>
</h3>
<h3>
<center style="text-align: left;">El vídeo</center><center style="text-align: left;"><br /></center><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="315" src="https://www.youtube.com/embed/QLB7Zxuiagc" width="482" youtube-src-id="QLB7Zxuiagc"></iframe></div><br /><center style="text-align: left;"><br /></center><center style="text-align: left;"><br /></center><center style="text-align: left;">
Com es fa?</center>
</h3>
<center style="text-align: left;">
El joc té només dos elements, el fons, un arbre de Nadal amb una mica de neu per ambientar i les boles. Aquí teniu el procés per programar la primera bola:</center>
<center style="text-align: left;">
<ul>
<li>Creeu un personatge dibuixant un cercle i omplint-lo de color.</li>
</ul>
<ul>
<li>Afegiu-li el següent programa, per fer que la bola aparegui i desaparegui.</li>
</ul>
</center>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXbUQX2xleI9HxxV7UdT7oqcA2lA9MD5XUCSCV18hj0pEdktV9WE4MLRD7QJ0Uj92l8D6OA3oA1XHxEdKhNdfq0aOR70TsEB4HUbdIqDFcssqOilurqHHphH4PyPHZ4KMst11P1RgFi7N/s1600/2016-12-19+14_49_33-Joc+de+les+boles+de+l%2527arbre+de+Nadal+en+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXbUQX2xleI9HxxV7UdT7oqcA2lA9MD5XUCSCV18hj0pEdktV9WE4MLRD7QJ0Uj92l8D6OA3oA1XHxEdKhNdfq0aOR70TsEB4HUbdIqDFcssqOilurqHHphH4PyPHZ4KMst11P1RgFi7N/s640/2016-12-19+14_49_33-Joc+de+les+boles+de+l%2527arbre+de+Nadal+en+Scratch.png" width="640" /></a></div>
<center style="text-align: left;">
</center>
<center style="text-align: left;">
<ul>
<li>Necessitarem un marcador pels punts, així que anem a Dades i crearem una variable per a tots els personatges que es digui <i>Punts</i>.</li>
</ul>
<center>
<table border="0">
<tbody>
<tr>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2xn-mnbqxHi53dR_9y3SR57aC7VOVGpTJeQFjGu2Kp1d42TpL6Ozf1KE8F8M158_ZgYd5_Ge3zj7Blh6RJc4KRoOIF5jbVQHeAJbF0SMjguYlsoQmMVUgrnihMyLuVMHMDC5J83xpKeS/s1600/2016-12-19+14_52_10-Untitled-18+on+Scratch.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2xn-mnbqxHi53dR_9y3SR57aC7VOVGpTJeQFjGu2Kp1d42TpL6Ozf1KE8F8M158_ZgYd5_Ge3zj7Blh6RJc4KRoOIF5jbVQHeAJbF0SMjguYlsoQmMVUgrnihMyLuVMHMDC5J83xpKeS/s200/2016-12-19+14_52_10-Untitled-18+on+Scratch.png" style="cursor: move;" width="200" /></a>
</td>
<td></td>
<td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHCFGY9YC5K7CdoZl3hgxwF5Vr-zuGqDDEcTkVtng3wUmaTJ4o7sW5-dttXzlvty-Te-Qyoo2ix5MNSXRsa45xF9Qac9GNHIyAoRayRH0wrs-fiNI_6nADWuR9QN4P_Nhxc-_lHwsg9vb4/s1600/2016-12-19+14_52_53-Untitled-18+on+Scratch.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHCFGY9YC5K7CdoZl3hgxwF5Vr-zuGqDDEcTkVtng3wUmaTJ4o7sW5-dttXzlvty-Te-Qyoo2ix5MNSXRsa45xF9Qac9GNHIyAoRayRH0wrs-fiNI_6nADWuR9QN4P_Nhxc-_lHwsg9vb4/s320/2016-12-19+14_52_53-Untitled-18+on+Scratch.png" width="320" /></a> </td></tr>
</tbody></table>
<div style="text-align: left;">
<ul>
<li>Ara podem acabar el programa de la bola.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCqaOBitIl1n27fJ0jzzrUOHqqiP-ySXXh2Us8-Leo4MbjK2ch8fyeSAJy8yEQQwe7cNVDWm9Omkob9xSG5lfTBX_HCRMHlVxvG2UHcaqa9m6A-b_koXifADaSUos1T8XYVKHtRaiR2b2B/s1600/2016-12-20+09_01_56-Joc+de+les+boles+de+l%2527arbre+de+Nadal-2+en+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCqaOBitIl1n27fJ0jzzrUOHqqiP-ySXXh2Us8-Leo4MbjK2ch8fyeSAJy8yEQQwe7cNVDWm9Omkob9xSG5lfTBX_HCRMHlVxvG2UHcaqa9m6A-b_koXifADaSUos1T8XYVKHtRaiR2b2B/s640/2016-12-20+09_01_56-Joc+de+les+boles+de+l%2527arbre+de+Nadal-2+en+Scratch.png" width="640" /></a></div>
<br /></div>
<div>
<ul>
<li>Comprovem que tot funciona, clicant la bandereta verda. Si tot ha anat bé, podem duplicar el personatge, i canviar la posició i el color bola, tantes vegades com vulguem.</li>
</ul>
<div>
<div style="text-align: center;">
<br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="188" data-original-width="247" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwA7fj5Cq4Lijv2wCa43_7YNSyuCgI59mptWbGSc4kwvgRLTIY2CAKBnqBbxmL-uhUE6LhPLSH-5yKyzz-4jVpNm77p2zhrPC7nDFHiMpB9185m2XP1hnQXOy5jQFJssiGv8zvl6YFXyru/w200-h153/2020-12-04+16_23_31-Boles+de+Nadal+%2528Airathul%2529+on+Scratch.png" width="200" /><br /></div></div></div>
<div>
<ul>
<li>Finalment, posarem el marcador a zero al principi del joc (aquest bloc només cal col·locar-lo a una de les boles o bé a l'escenari).</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9inR-esaYUSdle3tRnowYI8qmaFoT1jFs0H4ebf2viYkKo-GCyqo1rGMOV19NACTvkZDKp2lGzDl150t_-EfrGKRYD1U1Yc7Z4RJP9h3iYZOCawhIAxr0sabYYq01UPnDW7U6xPqtDlr/s1600/2016-12-19+15_04_01-Untitled-18+on+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9inR-esaYUSdle3tRnowYI8qmaFoT1jFs0H4ebf2viYkKo-GCyqo1rGMOV19NACTvkZDKp2lGzDl150t_-EfrGKRYD1U1Yc7Z4RJP9h3iYZOCawhIAxr0sabYYq01UPnDW7U6xPqtDlr/s320/2016-12-19+15_04_01-Untitled-18+on+Scratch.png" width="320" /></a></div>
<div>
<br />
<h3>
Què més puc fer?</h3>
</div>
</div>
<div>
<ul>
<li>Pots afegir una estrella que quan es cliqui valgui 10 punts.</li>
<li>Crea uns regals que apareguin a peu de l'arbre, un missatge nadalenc, un Pare Noel...</li>
<li>Afegeix altres sons, o una nadala com a música de fons. </li>
<li>Pots afegir un <a href="https://scratch.mit.edu/projects/14980238/" target="_blank">efecte neu</a>, passant el personatge <i>floc de neu</i> a la motxilla i integrant-lo al teu projecte.</li>
</ul>
<div>
Aquí tens un exemple de joc més complert:<br />
<br />
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/137226040/?autostart=false" width="485"></iframe> </center>
<center>
<a href="https://scratch.mit.edu/projects/137226040/" target="_blank">Veure l'exemple a la web d'scratch</a></center>
<center>
</center>
<div style="text-align: left;">
<br />
<h3>
Notes metodològiques</h3>
A l'escola l'hem fet amb una metodologia molt guiada, amb l'ajut del projector. He dibuixat el fons i he fet una bola d'exemple, demanant als alumnes com creien ells que s'havia de comportar la bola. Després hem anat creant el codi, recordant les funcions de cada bloc, i els hem deixat visibles al projector. Llavors, cada un ha anat fent el seu projecte.<br />
<br />
La principal dificultat és que entenguin la necessitat de no duplicar les boles fins que no en tenim una de ben programada. Alguns alumnes han creat d'entrada totes les boles; en aquest cas, hem programat una i hem arrossegat el codi a les altres. També ha presentat alguna dificultat el treball amb variables ja que és un dels primers jocs on introduïm aquest concepte; alguns buscaven els blocs de control de variables abans d'haver-la creat.</div>
<div style="text-align: left;">
<br />
Hem realitzat el joc amb alumnes de 4t de primària que ja han fet diverses activitat amb Scratch, en una sessió d'una
hora, i ha funcionat molt bé!<br />
<br />
Només hem desat alguna de cada grup al usuari genèric de l'escola, ja que aquests alumnes encara no tenen usuari d'Scratch. Aquí teniu l'<a href="https://scratch.mit.edu/studios/718856/" target="_blank">estudi del Joc de les Boles de Nadal</a>, per si voleu afegir les vostres!<br />
</div>
<div style="text-align: left;">
BON NADAL I #FORÇASCRATCH!!!!</div>
</div>
</div>
</div>
</center>
</center>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-60316038947420181872020-06-16T19:54:00.001+02:002020-06-16T19:54:36.821+02:00Atrapavirus (amb blocs de vídeo)Els blocs de vídeo de Scratch permeten una interacció molt interessant, i el fet de que mòbils i tablets portin ja càmera incorporada els poden fer molt útils, per crear jocs senzills.<br />
<br />
En accedir al joc, hem de permetre la càmera (allow).<br />
<br />
<br />
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/403062028/embed" width="485"></iframe>
<br /><a href="https://scratch.mit.edu/projects/403062028" target="_blank">Veure el joc a la web d'Scratch</a><center>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/vWRt_KGgRzM/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/vWRt_KGgRzM?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Pots personalitzar el teu joc, amb un altre personatge: una pilota, una papallona... el que tu vulguis.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Millora el joc:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Afegeix efectes sonors</li>
<li>Crear un cronòmetre amb compte enrere</li>
<li>Millora els efectes gràfics</li>
</ul>
<br />
</center>
</center>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-82828953064725097352020-06-01T20:49:00.003+02:002020-06-16T19:39:38.951+02:00Atrapa la mascareta<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZfQf5PHoGJF2yJLZZpnfMVOAW-fqDOJ1srEMICkyz1XbVQo7CRPZ5gJX-dD5y_SPjxINPXgtldD7fivJSvi2JhtPiSkaavGu-ZumYyFtBlBG-EA7nvbPW9iYMfVNA_PsI7K0Sx4qbz8G/s320/Screenshot+2020-06-01+at+20.52.06.png" width="0" /></div>
Un senzill, però molt vistós, molt adient per aquests temps que corren...
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZfQf5PHoGJF2yJLZZpnfMVOAW-fqDOJ1srEMICkyz1XbVQo7CRPZ5gJX-dD5y_SPjxINPXgtldD7fivJSvi2JhtPiSkaavGu-ZumYyFtBlBG-EA7nvbPW9iYMfVNA_PsI7K0Sx4qbz8G/s320/Screenshot+2020-06-01+at+20.52.06.png" width="0" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" scrolling="no" src="https://scratch.mit.edu/projects/398942378/embed" width="485"></iframe>
<br />
<span style="font-size: x-small;"><a href="https://scratch.mit.edu/projects/398942378/" target="_blank">Veure el Joc a l'Scratch</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
En el vídeo ho teniu tot explicat.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/bCW2DmTx5yI/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/bCW2DmTx5yI?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
Podeu personalitzar-lo com vulgueu: canvieu la nena i la mascareta per altres personatges, per exemple, un predador i la seva pressa, un contenidor de reciclatge groc i una ampolla de plàstic...<br />
<br />
Podeu millorar-lo afegint:<br />
<ul>
<li>música de fons</li>
<li>efectes gràfics</li>
<li>efectes sonors</li>
<li>contador de temps</li>
</ul>
<div>
Vinga, a què espereu per a fer el vostre joc?</div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-38364174809671271902020-05-11T00:17:00.000+02:002020-05-11T00:25:25.369+02:00DiàlegsEls diàlegs bàsics a Scratch són força senzills: dos personatges i blocs de digues i espera. Combinats adequadament, no necessitem res més.<br />
<br />
<center>
<table border="0">
<tbody>
<tr>
<td><img border="0" data-original-height="130" data-original-width="356" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjffPVfqFv8d-vdZryofOlMu463n5wyluRzh1EseX8zJa92O1grg8dnufSlHwLBj9qiFj9WxZY5shDoUKlAt83gLe1U1vQRB0ZQigtvdOAwJPaDWVRG5pgVHKZPzsehvcNZ5N63mNLRf12q/s320/Screenshot+2020-05-11+at+00.04.19.png" width="" /></td>
<td></td>
<td><img border="0" data-original-height="139" data-original-width="297" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl57PNj6F-8K4EVCmfQWlms0XI4u8VnB7e76GvIlQHZ-rXXQKyLmgrFSUWidvhbqAdo8OdrFaqOsim0PpVCE1ghwccAcHEkLL3ZVIaTdSXtsMQ72Ob059tRU7REq-eyvSZ2LjZVkzYkFyA/s320/Screenshot+2020-05-11+at+00.05.39.png" width="" /></td></tr>
</tbody></table>
<br />
</center>
<center style="text-align: left;">
Però si volem afegir moviments, canvis de vestits o d'escenaris, necessitarem una mica més de codi. </center>
<center style="text-align: left;">
<br /></center>
<center style="text-align: left;">
</center>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/h_M5Rp9xZSA/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/h_M5Rp9xZSA?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
És un procés lent, però la canalla gaudeix molt explicant les seves històries i fent proves i proves... Per a que sigui reeixit:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Inicialitzar els personatges, és a dir, definir on i com estaran al principi de la història.</li>
<li>Portar un comptatge dels temps de cada personatge.</li>
<li>Introduir <a href="https://crearjocs.blogspot.com/2014/04/enviar-missatges-broadcast.html">els missatges (broadcast)</a>.</li>
</ul>
He preferit fer l'exemple només amb un missatge. Si n'hi ha molts més, els petits de 10 o 11 anys es lien. N'hem posat un al final per anar-ho introduint, i deixar que els més avançats en puguin fer més ús.<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Gaudiu explicant històries!!!</div>
<center style="text-align: left;">
</center>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-72613420962916616112018-05-17T17:15:00.000+02:002018-05-21T14:10:49.329+02:00Càrrega automàtica de projectes<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimTI75uq7wp3xQEz4QcMPfTRY3jnhcRLdYjKn2fM_6-CvVEFFZntlyJfrguRsj7BrIqXxg-NsA-jMj8AMVmHHY-NddpQ0qSfBi10BHg7wZbEjlE1T9vbnysJKZzibD58V4ZCjND60WPsgw/s1600/GIF.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="447" data-original-width="546" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimTI75uq7wp3xQEz4QcMPfTRY3jnhcRLdYjKn2fM_6-CvVEFFZntlyJfrguRsj7BrIqXxg-NsA-jMj8AMVmHHY-NddpQ0qSfBi10BHg7wZbEjlE1T9vbnysJKZzibD58V4ZCjND60WPsgw/s200/GIF.gif" width="200" /></a>A vegades ens agradaria poder mostrar una sèrie de projectes o animacions d'Scratch "encadenats", es a dir, que es reprodueixin un darrera l'altre, en una mena de SlideShow, i sense necessitat de prémer la bandereta, ni anar-los carregant manualment. Aprofitarem la possibilitat de passar-li als projectes embedits el paràmetre <i>autostart=true</i>, de forma que es comencin a reproduir automàticament un cop carregats.<br />
<div>
<br /></div>
<div>
Així, la URL bàsica per carregar un projecte seria (NumProjecte és el número del projecte): </div>
<div>
<b><br /></b></div>
<div>
<div style="text-align: center;">
<b>https://scratch.mit.edu/projects/embed/NumProjecte/?autostart=true</b></div>
</div>
<div>
<br /></div>
<div>
Segons els recursos que tingui el projecte (i la connexió disponible) pot trigar més o menys a carregar-se, però un cop carregat, començarà automàticament la reproducció.</div>
<div>
<br /></div>
<div>
Un cop aconseguit això, barregem-ho amb una mica de JavaScript i HTML i tindrem un <b>autoscratch!</b><br />
<br /></div>
<div align="center">
</div>
<pre class="prettyprint"><html>
<head>
<script type="text/javascript">
//temps de visualització en milisegons
var time = 10000;
//Definim la primera i segona part de la URL
var URL1 = "https://scratch.mit.edu/projects/embed/";
var URL2 = "/?autostart=true";
//Definim idntificador de pàgina i creem llistat de projectes.
//Entre cometes el núm del projecte. Podem afegir tants com vulguem.
//Copiem la darrera línia, renumerem i copiam el núm de projecte de la web d'Scratch.
var pag_id = 0;
var pag = new Array();
pag[0] = new Array("220105859");
pag[1] = new Array("218414180");
pag[2] = new Array("222879392");
pag[3] = new Array("220421576");
pag[4] = new Array("220420625");
function temp() {
document.getElementById('frame').src = URL1 + pag[pag_id] + URL2;
setInterval(show, time);
}
function show(){
pag_id = pag_id + 1;
if (pag_id == pag.length) {pag_id = 0};
document.getElementById('frame').src = URL1 + pag[pag_id] + URL2;
}
</script>
</head>
<body onload="temp();">
<iframe id="frame" style="width:93%; height:93%;" frameborder="no" scrolling="auto" src="" ;>
</iframe>
<br><center><b><font face="verdana" size="6">
Els alumnes de 4t han animat el seu nom amb Scratch.</font></center></b>
</body>
</html>
</pre>
Ho copiem en un editor de text i ho desem com un fitxer HTML i llestos. Podem llençar-ho en local, penjar-lo en algun servidor, personlitzar-ho...<br />
<br />
<div style="text-align: center;">
<a href="http://www.epiagranollers.org/primaria/pau/autoscratch.html" target="_blank">Aquí podeu veure un exemple en funcionament!</a><br />
<br />
<div style="text-align: left;">
Ideal per a jornades i presentacions, portes obertes, web's d'aula... se t'acut alguna altra utilitat? Comenta-la! #ForçaScratch<br />
<br />
<b>Edito:</b><i> Veig que pot donar problemes si abans no hem donat permisos al navegador per executar flash a la web d'Scratch, ja que llença l'avís des d'un iframe. Si no veieu el projectes, aneu a la web d'Scratch, doneu permís al Flash i torneu a provar.</i></div>
</div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-79348438270726253542018-03-22T11:49:00.006+01:002022-04-18T18:59:23.642+02:00Menja't la mona!Ja tenim aquí la Pasqua! Que us semblaria crear un joc sobre la mona? Aquí el podeu veure en funcionament!<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="308" data-original-width="422" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG87kgNXDHSdWvNn1x0NS5fyG5YMjfXUJgm06zSoZExk64p_l6Mrb4Hw0skvUFxbH26QKrRBCTPVAXjSUHx2H_d0kk5L8dKYfvw3YXKsSQyksul8v_Vz65iRjWj35UYgq3JBs-ineFl3hMnoY0M2v34WQbDZddzbPFHJUOYfC_tUOBVXFXglzmatMSIw/w27-h20/Screenshot%202022-04-18%2018.42.45.png" width="0" />
<br />
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/211473106/?autostart=false" width="485"></iframe><br />
</center>
<br /><div style="text-align: left;">El joc és ben senzill, i si els alumnes tenen ja una certa habilitat amb l'editor de dibuixos, pot ser un bon recurs per a preparar una sessió d'una hora amb nens i nenes de cicle mitjà.</div>
<br />
<div style="text-align: left;">
A l'escola, <b>hem partit una <a href="https://scratch.mit.edu/projects/211271180/editor" target="_blank">plantilla</a></b>, en la que els alumnes tenen una mona sense pintar, però si voleu, els podeu deixar que la dibuixin ells.</div><div style="text-align: left;"><br /></div><div style="text-align: left;">Si ja xou usuaris d'Scratch, recordeu d'iniciar la sessió, i fer clic al botó <b>Reinventa</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="yes" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i9.ytimg.com/vi/JU2URcc_cnc/default.jpg?sqp=CJT2x_QF&rs=AOn4CLCEaStnleEklmwpejbfvL7Znqk5gw" frameborder="0" height="480" src="https://www.youtube.com/embed/JU2URcc_cnc?feature=player_embedded" width="640"> </iframe></div>
<br />
<br />
El programa bàsic és força senzill i admet moltes millores i formats... aquí teniu un exemple que crec que no cal explicar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZdrX2afjS1ffVF3-h_ejd40eHPivuXFswbMeCaP3PkBHT2Bq0_2pDlgYiRjV8LCKyoKEBcDITrKxpjL9m3t1rxfLTIgj_VWXMePd8IgB4E6C-ASgxG2lNfXuKcPuAwPFh8dKpvJx9sRyz/s1600/2018-03-22+13_50_17-Menja%2527t+la+mona%2521+en+Scratch.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="561" data-original-width="576" height="620" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZdrX2afjS1ffVF3-h_ejd40eHPivuXFswbMeCaP3PkBHT2Bq0_2pDlgYiRjV8LCKyoKEBcDITrKxpjL9m3t1rxfLTIgj_VWXMePd8IgB4E6C-ASgxG2lNfXuKcPuAwPFh8dKpvJx9sRyz/s640/2018-03-22+13_50_17-Menja%2527t+la+mona%2521+en+Scratch.png" width="640" /></a></div>
<br />
Podeu fer-ne moltes millores:<br />
<div>
<ul>
<li>Crear un fons personalitzat, amb unes lletres ben xules que diguin Bona Pasqua!</li>
<li>Afegir música de fons</li>
<li>Millorar l'efecte en menjar-se la mona</li>
<li>Afegir un marcador</li>
</ul>
</div>
Vinga, animeu-vos a fer mones i a menjar-les! Ummm!</div>
</div>@PauetChttp://www.blogger.com/profile/15551858131645026889noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-25799530159436769462017-05-12T15:57:00.000+02:002017-05-12T16:31:17.855+02:00Spinner<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DSRUTS2hTqbLMYwhk1Ox-jTZ6SedQiIMxHip5tJ6ZYSEjctc2sCUEpTVKl-MP4mYRVcedWdsJ6EtXplVB2vfwQBaO5Ct8n3L9J3LtNAlFiGi_QTcscVT5sCz_XTh-hk2TsYW_SZp6b8O/s320/2017-05-12+13_46_45-Spinner+simple+en+Scratch.png" width="0" /></div>
<div style="text-align: justify;">
Si hi ha un joc de moda a les escoles ara mateix és l'<b>Spinner</b>... Si, ja sabeu, un petit giny que els nois i noies fan girar a la punta dels dits. Amb aquest senzill projecte, podem treballar els girs i les variables amb Scratch, i crear-ne un ben fàcilment.</div>
<div style="text-align: center;">
<br />
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/160156371/?autostart=false" width="485"></iframe> </div>
<div style="text-align: center;">
<span style="font-size: x-small;"><a href="https://scratch.mit.edu/projects/160156371/#player" target="_blank">Veure el projecte a la web d'Scratch</a></span><br />
<br /></div>
<div style="text-align: justify;">
Per realitzar el projecte bàsic necessitem un Spinner. Jo us he preparat <b><a href="https://scratch.mit.edu/projects/160160168/#editor" target="_blank">una plantilla amb el personatge ja creat</a></b>. El podeu pintar del color o colors que més gràcia us faci. Si us decidiu a buscar-ne un per internet, heu de vigilar que tingui correctament marcat el <a href="https://wiki.scratch.mit.edu/wiki/Rotation_Center" target="_blank">centre de rotació</a>. </div>
<br />
Un cop a la plantilla, creeu una <a href="https://crearjocs.blogspot.com.es/2010/05/programacio-variables.html" target="_blank">variable</a>, que podem anomenar <b>Velocitat del gir.</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgef2pBFgWI6hdCDumCjz0EJSR6wslWeaDlkNUPSrnpXCLzVr-1NwbmHqBmjVIDUQ2QUr6YAOPIezk5eISaHrqOMTgcgAaKaN30lis417GzhuG7m4-mWWIvP1M1riDRvp41iLN4q3kZPazv/s1600/2017-05-12+13_54_30-Untitled-17+on+Scratch.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgef2pBFgWI6hdCDumCjz0EJSR6wslWeaDlkNUPSrnpXCLzVr-1NwbmHqBmjVIDUQ2QUr6YAOPIezk5eISaHrqOMTgcgAaKaN30lis417GzhuG7m4-mWWIvP1M1riDRvp41iLN4q3kZPazv/s200/2017-05-12+13_54_30-Untitled-17+on+Scratch.png" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3BYXHxijNTsS6f19C7B-URav3yvQHFQLrGhws0emb2oENbQhf2wp24rCV01z6hmJaQkYQtngZuu0nF7K0RM61D_rJDZ0cCZtR5gImXA6501BBWHTmx4299PmrbllAUi93sVDBEaYQw9dG/s1600/2017-05-12+13_46_21-Spinner+simple+en+Scratch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3BYXHxijNTsS6f19C7B-URav3yvQHFQLrGhws0emb2oENbQhf2wp24rCV01z6hmJaQkYQtngZuu0nF7K0RM61D_rJDZ0cCZtR5gImXA6501BBWHTmx4299PmrbllAUi93sVDBEaYQw9dG/s320/2017-05-12+13_46_21-Spinner+simple+en+Scratch.png" width="320" /></a></div>
<br />
Els blocs a programar són ben senzills...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQiucUSayYyvWEWupDgB3msPLtOZar4ns0gmL1yIUaOY-pQXslZkD58J8BIe9QbFl0nHFUcMK2CfCSZcAuc23mWPEU3JyRJZYeQcv7cHF6qgVp0hDd-MmzauKyKK13zGEpVZhp8_JExFSz/s1600/Sense+t%25C3%25ADtol.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQiucUSayYyvWEWupDgB3msPLtOZar4ns0gmL1yIUaOY-pQXslZkD58J8BIe9QbFl0nHFUcMK2CfCSZcAuc23mWPEU3JyRJZYeQcv7cHF6qgVp0hDd-MmzauKyKK13zGEpVZhp8_JExFSz/s1600/Sense+t%25C3%25ADtol.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="font-size: small;"> </span></span></div>
Simplement inicialitzem la variable a 0 i creem un repeteix en el què assignem al bloc gir el valor de la variable en aquell moment. Només ens queda idear un sistema d'augmentar o reduir la variable.<br />
<br />
Podeu millorar el vostre Spinner:<br />
<ul>
<li>Afegeix un sistema per canviar el color.</li>
<li>Afegeix música o efectes sonors. Podries fer que l'efecte sonor canvïi també segons la velocitat?</li>
<li>Canvia els colors del teu Spinner.</li>
<li>Podriem fer que l'spinner, a més de girar, es pogués moure?</li>
<li>Podries dissenyar el teu propi Spinner? En podries fer un de ben fàcil amb només dos braços, o amb quatre. El de tres seria una mica més difícil... on col·locarem cada braç?</li>
</ul>
<div>
Si voleu, aquí teniu un estudi on penjar les vostres creacions:</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://scratch.mit.edu/studios/4023834/" target="_blank"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7GYNSlChZ1HO6YTAXxEgTebiWiHT4ah_LFelh_RsiCSyzY7N2DYJ3b5FD8ft0YDJmkfhzrzIaqSD_BtEzXl3Iu3rcIFk2_X0ehVTRhZqciLao0zaIf8YcE8sYNzB9UThMRUl0-dAYDf0/s640/Sense+t%25C3%25ADtol.png" width="640" /></a></div>
<div>
<br /></div>
<div>
Vinga.... tothom a girar!!!</div>
@PauetChttp://www.blogger.com/profile/15551858131645026889noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-87478788046538764352017-03-10T12:37:00.000+01:002017-03-10T13:21:09.862+01:00Roda de fira (Noria) amb WeDo<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmEtlm1pQF1sBNcg-M66R1h7Z1Z3TY7eLIQLlv9Mx2jIRHp8t5NV-48wETY2iHdkO3QUaGrfgfGbeB7wQqU3xKdkF66pBE4DDJzGXrRP37vTwqeF0L8wP2KXIBCVt3PbJILc3MoI3txsV/s1600/2017-03-10+13_17_29-Noria+amb+Wedo+i+Scratch+-+YouTube.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmEtlm1pQF1sBNcg-M66R1h7Z1Z3TY7eLIQLlv9Mx2jIRHp8t5NV-48wETY2iHdkO3QUaGrfgfGbeB7wQqU3xKdkF66pBE4DDJzGXrRP37vTwqeF0L8wP2KXIBCVt3PbJILc3MoI3txsV/s200/2017-03-10+13_17_29-Noria+amb+Wedo+i+Scratch+-+YouTube.png" width="200" /></a>Us presento una <i>noria</i> (que en català n'hem de dir roda de fira o sínia) creada amb LEGO WeDo. <span style="text-align: start;">Per a la creació de la noria, m'he inspirat en un projecte de</span><span style="text-align: start;"> </span><a href="http://www.trastea.club/" style="text-align: start;" target="_blank">Trastea</a><span style="text-align: start;">, en concret</span><span style="text-align: start;"> </span><a href="http://www.trastea.club/wp-content/uploads/2015/10/CONSTRUCCI%C3%93N-NORIA-LEGO-WEDO.pdf" style="text-align: start;" target="_blank">aquest</a><span style="text-align: start;">. </span><br />
<span style="text-align: start;"><br /></span>
<span style="text-align: start;">Per a la construcció, necessitem només d'un sol kit de WeDo, i farem servir el motor per generar el moviment i l sensor de distància com a interruptor per posar-la en marxa o aturar-la </span><br />
<div>
<span style="text-align: start;"><br /></span></div>
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/LNwnZq9zIqg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/LNwnZq9zIqg?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
La programació es pot realitzar directament en Scratch 2.0 (tant online com offline), ja que porta directament el connector de wedo.<br />
<br />
Aquí podeu veure el projecte a l'Scratch.<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/148224726/?autostart=false" width="485"></iframe>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div style="text-align: justify;">
A poc de veure el vídeo, la gent del <a href="http://agora.xtec.cat/ceippallerola/" target="_blank">Pallerola</a> em fan arribar aquest Tweet... Com podeu veure, la canalla ha fet créixer el projecte...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://twitter.com/miquelet_aps/status/839534944095518722" target="_blank"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1epqmG3s5HCqctyUhiaL9FzosHJNBX1AK084RdMBz4FdbWc0HbPMssEqTkVLy9rV95y4XW57u51QwYaQGIbZVUS0adM1C0QJ1V0qHiHI4Z7ehQZUrEQJloH-07wxFi6GlsPaL6DNCY7du/s400/2017-03-10+12_28_21-Miquelet_aps+en+Twitter_+_%2540dcodina2+%2540ignasicharles+%2540pauetc+%2540Robotseny+Millorant+.png" width="400" /></a></div>
<br />
<br />
<br /></div>
<div style="text-align: justify;">
I vosaltres, us atreviu?</div>
</div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-31516360399405863472017-02-06T16:33:00.002+01:002017-02-07T11:57:42.316+01:00Targes temàtiques en catalàA <a href="http://scratchcatala.com/noticies/targetes-scratch-en-catala/" target="_blank">Scratchcatalà</a> han publicat les targes temàtiques d'Scratch, traduïdes al català i en format PDF. Aquestes targes provenen dels tutorials <i>Pas a pas</i> que apareixen a la dreta de l'editor d'Scratch en demanar ajuda i estan totalment traduïdes al català, tant pel que fa a la interfície com en els diferents blocs a utilitzar.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfFfNZFtpCc9_Vms3bL0f72W3rlzm8tVCj862g6wGDkFhlpho0f1EVKVkrxwvvGD2JuocUzz_Dx7owKZshrwZb9UJNpcDRSrRXkorTuYdjWm1MCv9l1U_ynxy58ItumGRcpkQ-LoQN8MgO/s1600/resources.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfFfNZFtpCc9_Vms3bL0f72W3rlzm8tVCj862g6wGDkFhlpho0f1EVKVkrxwvvGD2JuocUzz_Dx7owKZshrwZb9UJNpcDRSrRXkorTuYdjWm1MCv9l1U_ynxy58ItumGRcpkQ-LoQN8MgO/s640/resources.png" width="640" /></a></div>
A diferència de les targes <i>tradicionals</i> d'Scratch que eren com petites píndoles d'un sol <i>full, </i>aquests projectes requereixen d'un seguit d'accions pas a pas, així que cada tutorial està compost de diverses targes. Aquí teniu un exemple:<br />
<br />
<iframe height="480" src="https://drive.google.com/file/d/0B9Nhf5mBTtMnYTdqYksxRGRySXc/preview" width="640"></iframe><br />
<br />
Han estat traduïdes per l'<a href="https://twitter.com/eulaliacanet" target="_blank">Eulàlia</a> Canet, i suposen un recurs didàctic genial, ja que permeten a l'alumnat treballar de forma autònoma, descobrir nous blocs i anar aprenent diferents recursos de programació.<br />
<br />
Les hem afegit també a pàgina de <a href="https://crearjocs.blogspot.com.es/p/recursos.html" target="_blank">Documentació i recursos</a>.<br />
<br />
Moltes gràcies a <a href="https://twitter.com/scratchcatala" target="_blank">@scratchcatala</a> i a <a href="https://twitter.com/eulaliacanet" target="_blank">@eulaliacanet</a>! Força Scratch!PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-18421191486160189922016-05-13T15:19:00.002+02:002016-05-13T15:20:39.947+02:00SimonEl <a href="https://es.wikipedia.org/wiki/Simon_(juego)" target="_blank">Simon</a> és un joc de memòria visual i auditiva, en el que el jugador ha de repetir una seqüència aleatòria que es mostra cada cop més ràpid. En el nostre cas, farem una variant força musical, treballant amb <i>notes</i> i <i>tempo</i>. No és un joc massa complicat de programar, però és convenient haver treballat abans la lògica de la programació per objectes, les llistes, els condicionals i l'enviament de missatges en projectes previs.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg2nvf3iH43bueJatFecLawkCD5-BmqdgmcJ9rRt0LvXwYUPw7q61jyNomZxX3CV0vwoK_V5n2hGPaHtwk15vHHkLY77CEUmGJRuW3brccmPws0NNX0JIZtO1PQ3-5Ps3ljGDrFXwA3XhH/s320/simonscratch.png" width="0" /></div>
<h3>
El joc</h3>
<div>
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="https://scratch.mit.edu/projects/embed/103106334/?autostart=false" width="485"></iframe>
</center>
</div>
<div style="text-align: center;">
<span style="font-size: xx-small;">Veure <a href="https://scratch.mit.edu/projects/103106334/#player" target="_blank">Simon</a> a la web d'scratch
</span><br />
<span style="font-size: xx-small;"><br /></span></div>
<h3>
Com es fa?</h3>
<div>
<center>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/_O1RefoE43g" width="560"></iframe></center>
<center>
<br /></center>
<center>
</center>
<center>
</center>
</div>
<h3>
Què necessites?</h3>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0KtIV2Djwf9v4Ca-DmHmzAeBdDDGB18mQ3KAX_H4QfEaU7U-1cngDBiE1K0Rgjdd7lLIVg3l2nGxeAhqByQCBA6_o2kQbyToxPSVfI_sgtMqeJoAIuR2_GQTMEy6N4Azc36a4M2MXYeTO/s1600/llista+i+index-Simon+senzill+a+Scratch.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0KtIV2Djwf9v4Ca-DmHmzAeBdDDGB18mQ3KAX_H4QfEaU7U-1cngDBiE1K0Rgjdd7lLIVg3l2nGxeAhqByQCBA6_o2kQbyToxPSVfI_sgtMqeJoAIuR2_GQTMEy6N4Azc36a4M2MXYeTO/s1600/llista+i+index-Simon+senzill+a+Scratch.png" /></a>A banda de altres elements comuns de programació, necessitarem:<br />
<ul>
<li>Els <b>4 botons</b>. Cada un d'ells reaccionarà tant al missatge enviat per la seqüència com a l'esdeveniment de ser premut per l'usuari.</li>
</ul>
<ul>
<li>Una <a href="http://crearjocs.blogspot.com.es/2016/03/programacio-llistes.html" target="_blank"><b>llista</b></a> que serà la seqüència a repetir. Aquesta llista la anirem omplint amb elements a l'atzar (de 1 al 4) que representaran els botons a l'usuari ha de prémer. També haurem d'anar comprovant <b>la llargada de la llista</b>, per saber quan hem d'afegir nous elements.</li>
</ul>
<ul>
<li>Una <a href="http://crearjocs.blogspot.com.es/2010/05/programacio-variables.html" target="_blank"><b>variable</b></a> que ens faci d'<b>índex</b>, que indicarà amb quin element de la llista estem treballant en aquell moment.</li>
</ul>
<br />
<br />
<br />
<ul>
</ul>
L'<a href="http://crearjocs.blogspot.com.es/2014/04/enviar-missatges-broadcast.html" target="_blank">enviament de missatges</a> té aquí un ús especial, ja que no enviem missatges fixes, si no l'element corresponent de la llista, indicat per l'índex.<br />
<ul>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9xxY-_FoMBWY2YFqTZvQJe9MPp3V-x3fSUIZEczugLWTv9HJ5CWD_yLj95jUiY12MHpyC9z9QCoT0SeCX1ycCdO-4hqv_tsFYJSGk0bXxOOIeUH-ViqbOXQhqgc_qnGpMyQGNZP5J46o8/s1600/envia-Simon+senzill+a+Scratch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9xxY-_FoMBWY2YFqTZvQJe9MPp3V-x3fSUIZEczugLWTv9HJ5CWD_yLj95jUiY12MHpyC9z9QCoT0SeCX1ycCdO-4hqv_tsFYJSGk0bXxOOIeUH-ViqbOXQhqgc_qnGpMyQGNZP5J46o8/s320/envia-Simon+senzill+a+Scratch.png" width="320" /></a></div>
</div>
<h3>
Què més puc fer?</h3>
<div>
<ul>
<li>Pots augmentar la quantitat de botons a 5 o 6.</li>
<li>Pots variar els intervals musicals o les notes per formar una altre arpegi (major, menor, disminuït...) dels botons.</li>
<li>Afegeix una presentació al joc.</li>
<li>Afegeix un marcador que indiqui el nivell en el que estem (atenció... no és l'índex!).</li>
<li>Fes una versió amb sons d'animals, de diferents instruments musicals, etc...</li>
<li>Fes una versió per repassar els colors en anglès o en francès.</li>
<li>Fes una versió per a <a href="http://web.media.mit.edu/~ericr/makeymakey/" target="_blank">MakeyMakey</a> o per a <a href="https://www.arduino.cc/en/Main/arduinoBoardEsplora" target="_blank">Arduino Esplora</a> o altre controlador arduino.</li>
</ul>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b>Un cop hagis acabat el joc, no t'oblidis de compartir-lo i afegir-lo a l'estudi de <a href="https://scratch.mit.edu/studios/2054472/" target="_blank">Simon</a>. Allà pots veure altres exemples, agafar idees i comentar-los.</b></div>
</div>
<div>
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://scratch.mit.edu/studios/2054472/" target="_blank"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-kcQKw3031hhoYYtxAyR5OUOnO8V0tNkjcG-VLjd3C0uv-z_2VbOnsc2mIZENeat8nig0rLPAvm-B0NHW_BdCXOhXeTCQ2cVlwC2ZFYSgMJK93rCrK5-iBBf1v5gZybrMUGJ7bcu6cwL/s640/estudi+simon.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<b><br /></b></div>
<div>
<b><br /></b></div>
<div>
<b><br /></b></div>
<div>
<br /></div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-74207108088787448852016-04-21T09:04:00.000+02:002016-04-21T09:16:48.520+02:00El Drac atrapa a Sant JordiAra que s'acosta Sant Jordi és un bon moment per dedicar una sessió a programar algun petit joc, aprofitant que a la galeria de personatges de l'Scratch n'hi ha alguns de ben <i>xulos</i>. En concret, aquest joc l'hem programat amb els alumnes de 2n de primària de l'escola.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCtfxYiWJeYlN-qe2FoHtCPstLSuGSXx9_HxH0xjEj_MD0g0rYW4B0qOimrpZ0MPCnRu9Oed_YxnjOeXcc7ETfXSyiiOYEc0jerTCXrT3fMBfQbFbuQBUDDWCbMZeJF_BGXxBb6K0Hd4Bv/s320/drac-santjordi.jpg" width="0" /></div>
<br />
<h3>
El Joc</h3>
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/106247262/?autostart=false" width="485"></iframe>
</center>
<br />
<h3>
Com es fa?</h3>
<div>
<center>
</center>
<center>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/ACdHAQhQP6g" width="560"></iframe></center>
</div>
<div>
<br /></div>
Per tal que els sigui fàcil als alumnes replicar el programa inicial, hem deixat al projector la següent imatge, explicant que cada bloc ha d'anar a seu personatge corresponent.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBXgWQSOk7X_rqnNtNO_jorVGXSi57KvgHM_xWrA7oH2CIY3Gti_Ldn5n0I4jdk9TsAGl9Iee7ygaLEDrwQZda1LCUEAKjOLF9sZQC-PyOSXCq8iTYtYcY57MYVa1rFGNP9hwGghQ85zQe/s1600/drac-santjordi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBXgWQSOk7X_rqnNtNO_jorVGXSi57KvgHM_xWrA7oH2CIY3Gti_Ldn5n0I4jdk9TsAGl9Iee7ygaLEDrwQZda1LCUEAKjOLF9sZQC-PyOSXCq8iTYtYcY57MYVa1rFGNP9hwGghQ85zQe/s640/drac-santjordi.png" width="640" /></a></div>
<br />
<br />
<h3>
Què més puc fer?</h3>
Un cop aconseguit el joc base, deixeu que ells mateixos experimentin: duplicar el drac, fer canvis al personatge quan sigui atrapat, afegir altre personatges al joc, afegir algun efecte de so o una música de fons...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmgz9ly1hJ8a2fLsAcS6VsxLPUOJKGV9KSu0b2RKozKeffXQk9v9UFx5CEBC6Gi4vbRZbfp5iwqk-TnLbyyWOB-N6ys7Q40ILZ3FtwRGhXpCKmJq7g_OkTO4SZBcblUdVAoRUtr8VkP34/s1600/Sin+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmgz9ly1hJ8a2fLsAcS6VsxLPUOJKGV9KSu0b2RKozKeffXQk9v9UFx5CEBC6Gi4vbRZbfp5iwqk-TnLbyyWOB-N6ys7Q40ILZ3FtwRGhXpCKmJq7g_OkTO4SZBcblUdVAoRUtr8VkP34/s1600/Sin+t%25C3%25ADtulo.png" /></a></div>
<br />
<h3>
Notes metodològiques</h3>
La principal dificultat que ens hem trobat en programar el joc és que els nens i les nenes entenguin que cada personatge té el seu programa diferent, ja que és el primer joc amb més d'un objecte que realitzem. Han d'entendre que cada objecte obeeix al seu propi programa per separat. I això, tot i què pugui semblar evident, no és fàcil, ja que per ells el joc és un!<br />
<br />
Nosaltres hem realitzat el joc amb alumnes de 2n, que ja han fet alguna que altra activitat amb Scratch. L'hem programat en una sessió d'una hora, en parelles, i ha estat tot un èxit!<br />
<br />
L'heu provat? Com ha anat? Vinga, deixa el teu comentari!@PauetChttp://www.blogger.com/profile/15551858131645026889noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-89211943616703064422016-04-04T14:07:00.000+02:002017-03-13T16:56:05.175+01:00La peixera<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkiQzEM6X8IE9Znx5h31DzLKRNIqJ3v_pru0M5J1cZqaWiN1-NZIDIwtERgRBW20j0rCpPklWeTSJcVXEzO_7exZMW8ndWtAjMBVUIKFEY9w3cjofmznKLi_81Rd1vvE0Utfd3oiJjwA5C/s1600/peixera+full.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkiQzEM6X8IE9Znx5h31DzLKRNIqJ3v_pru0M5J1cZqaWiN1-NZIDIwtERgRBW20j0rCpPklWeTSJcVXEzO_7exZMW8ndWtAjMBVUIKFEY9w3cjofmznKLi_81Rd1vvE0Utfd3oiJjwA5C/s200/peixera+full.png" width="0" /></a>Els alumnes de 1r de l'escola tenen una peixera a classe. Ara faran la seva pròpia peixera amb Scratch. Es una bona forma d'introduir la programació a l'aula dels més petits, ja que fons i personatges són de la galeria d'Scratch, i la programació és ben senzilla. Així podem treballar dimensions, vestits i programació dels primers personatges.<br />
<br /></div>
<h3>
L'animació</h3>
<div style="text-align: center;">
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/104028519/?autostart=false" width="485"></iframe>
<br />
<br /></div>
<h3 style="text-align: left;">
Com es fa?</h3>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/SlsXvRIm8RM" width="560"></iframe>
</div>
<div style="text-align: left;">
<br />
Us deixo aquí el programa per a un peix. Tot i que es pot duplicar i canviar després el vestit, jo us aconsello que això no ho expliqueu encara als alumnes, i deixeu que treballin directament amb els blocs, per anar adquirint pràctica amb aquest procés.</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnP6-G2luq5cFpfXpRP5aWEEMn0BnlhX0VnnropCG9QBQciwac8LPYRRpNPZLwez-Rgt05oMf6BFnx8_iGlewBMXlduaEHjkqbo_Cbz5BKawatyD1m9E22sqXwijEfDrpWBGBq3HZSMQz2/s1600/peixera.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnP6-G2luq5cFpfXpRP5aWEEMn0BnlhX0VnnropCG9QBQciwac8LPYRRpNPZLwez-Rgt05oMf6BFnx8_iGlewBMXlduaEHjkqbo_Cbz5BKawatyD1m9E22sqXwijEfDrpWBGBq3HZSMQz2/s320/peixera.png" width="320" /></a></div>
<div>
<br /></div>
<div>
A l'escola, creem tots junts el programa del primer peix al projector i després deixem que vagin experimentant.</div>
<div>
<br /></div>
<h3>
Què més puc fer?</h3>
<div>
<ul>
<li>Afegeix un so a la peixera, per exemple <i>Bubbles.</i></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9j5kQMAS49G_X3Ml2zC9FNZKiG97SIz6MWLk4S-UgkQ48JgdHq-TyksYO7XIEXa1V9py-4O3lCtAPeopRvKEdmPDUxzhFTuv540jH1LbE-jWHsPNxP_uxDNPU8_gqbOEdE8IpVtPXAKJ/s1600/so+bubbles.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9j5kQMAS49G_X3Ml2zC9FNZKiG97SIz6MWLk4S-UgkQ48JgdHq-TyksYO7XIEXa1V9py-4O3lCtAPeopRvKEdmPDUxzhFTuv540jH1LbE-jWHsPNxP_uxDNPU8_gqbOEdE8IpVtPXAKJ/s320/so+bubbles.png" width="320" /></a></div>
<div>
<i><br /></i></div>
<ul>
<li>Fes que algun peix vagi canviant de color, amb el bloc <b>augmenta l'efecte color.</b></li>
</ul>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFuWtoNwxemu4hnT5jNTrgRzU7P6crVwELxgPaYQZBlUhLNJegcWxSJ2uhuhJ5uPHI9Y_J_ffYtaHeYGN0fcHbSI6c8LLduQMWr3yIcTXG7Khqyey1v5GdSjAJogGfNF__Him0pTFyvH8v/s1600/canvia+color.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFuWtoNwxemu4hnT5jNTrgRzU7P6crVwELxgPaYQZBlUhLNJegcWxSJ2uhuhJ5uPHI9Y_J_ffYtaHeYGN0fcHbSI6c8LLduQMWr3yIcTXG7Khqyey1v5GdSjAJogGfNF__Him0pTFyvH8v/s320/canvia+color.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Dibuixa el teu propi peix, una sirena, un cavallet de mar...</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwbGwG_7UuJyhKxk2DZ9chEyVuzsutnS-g9po3-KKvvxyl6qDZq57OczPfdiJb2HlOqZexF_pVfu-9XY98JPQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe> </div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwumVeyfGBddJKUjQtVoZ0PKaKM2u6flQx5sd6WlXuWiebEL0J4VSPVc2tRRYHwmIW80ySbRuAC67eaf84f_Q' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br /></div>
<h3 style="text-align: left;">
</h3>
@PauetChttp://www.blogger.com/profile/15551858131645026889noreply@blogger.comtag:blogger.com,1999:blog-5515327691613803519.post-84971782306279572522016-03-30T15:57:00.000+02:002016-04-01T14:08:04.570+02:00Programació: Llistes<h3>
Definició</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYwJ4yJ5n6-wBeiINI3VhnEj0FeiFKfjVq8HonDoHtWTqo8vUwsaT2BRt6GGM6fETWcPzi1dR0AKQGuPic3rmDNiI9jY7Ovol7A0EVQnt3bVGxR1Ksg-q-PB37kfX-sFrVrFBnw80NxxAa/s1600/stage.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYwJ4yJ5n6-wBeiINI3VhnEj0FeiFKfjVq8HonDoHtWTqo8vUwsaT2BRt6GGM6fETWcPzi1dR0AKQGuPic3rmDNiI9jY7Ovol7A0EVQnt3bVGxR1Ksg-q-PB37kfX-sFrVrFBnw80NxxAa/s200/stage.png" width="148" /></a><br />
<div style="text-align: justify;">
Les llistes són <b>contenidors de diferents elements d'informació</b>. Aquests elements <b>estan indexats</b>,<b> </b>que vol dir que tenen associat un nombre d'ordre segons la posició que ocupen a la llista. Per tant, podrem referir-nos a ells per l'ordre que ocupen: el tercer element de la llista <i>dies de la setmana</i> és <i>dimecres</i>. Per tant, ens podem imaginar una llista com un àlbum de cromos, on podem accedir a cada cromo pel seu número; tot i això, a diferència dels àlbums, podem canviar cada cromo de posició, eliminar-lo de la llista, afegir-ne de nous...</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Altres llenguatges de programació presenten estructures semblants a llistes: arrays, vectors, matrius... tot i que segons el llenguatge, pot haver-hi forces diferències d'un concepte a l'altre.</div>
<br />
<h3>
Com crear llistes a Scratch</h3>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXNG2p_wrpVVs70o9c9rIlKAvbF1SJ7JNjf3D5r-VKmZCimeodFUopwYHxriYOdu6lqcQetvDHTtQ94qD9niraBWBESCeoCcGfpddQGplG57wzLbPbMDGCtmwpkEkwie8z8OswQs_TBi4v/s1600/blocs+llista.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXNG2p_wrpVVs70o9c9rIlKAvbF1SJ7JNjf3D5r-VKmZCimeodFUopwYHxriYOdu6lqcQetvDHTtQ94qD9niraBWBESCeoCcGfpddQGplG57wzLbPbMDGCtmwpkEkwie8z8OswQs_TBi4v/s1600/blocs+llista.png" /></a>Per crear una llista anem als blocs de dades i cliquem el botó <b>Crea una llista</b>. Com en el cas de<a href="http://crearjocs.blogspot.com.es/2010/05/programacio-variables.html" target="_blank"> les variables</a>, haurem d'especificar el nom de la llista, i si és local o global. Un cop creada la llista, apareixeran els blocs que ens permet gestionar-la.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLgHKIl-IKR2sXHuLM1Tcv9q6ZB9DTzSpX9dNWwE4JrAGA6IQRYIw4CN8UeaXu_s4zBUClhLhCwRvwK_iKbw6T_3s5n4rNEc8GniwP5QxITqtG_gSF5_kcidvuKLzgfOhIRUqY1hgfwbJF/s1600/llista+mesos.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: justify;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLgHKIl-IKR2sXHuLM1Tcv9q6ZB9DTzSpX9dNWwE4JrAGA6IQRYIw4CN8UeaXu_s4zBUClhLhCwRvwK_iKbw6T_3s5n4rNEc8GniwP5QxITqtG_gSF5_kcidvuKLzgfOhIRUqY1hgfwbJF/s1600/llista+mesos.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Per defecte, veurem la llista a l'escenari. Com fèiem amb les variables, podem amagar-la o no, clicant la casella de selecció de davant del nom de la llista. Un cop creada, la llista apareix buida, però podem omplir-la directament al seu monitor, clicant el signe<b> + </b>i escrivint els diferents elements. També els podem eliminar directament clicant l'element i la creu que apareix al seu costat. </div>
<br />
<h3>
Com gestionar llistes a Scratch</h3>
<div style="text-align: justify;">
Les llistes, al igual que les variables, quedaran en l'estat en que estiguin en el moment de desar el programa. En alguns casos, això ja ens està bé, però en alguna ocasió ens pot interessar que el mateix programa canviï, afegeixi o suprimeixi elements. Per això tenim els diferents blocs de gestió de llistes, que ens permetrà crear-les al mateix programa, de forma que ens assegurem sempre de la integritat de les dades.<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXQ_CR3NUN_w4t7bvZBnQ2UQekJxCugR64foSUYGiDaBGo9DewcfxzgpI1YbvTrAXUbluNcVl7lKqQwLuuCq_AXR4xvznXHAy-GqhFPs13ElmEEtXOw3SSP5kqxRHSJDheVfT8fyNMeJW/s1600/blocs+llista+tots.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXQ_CR3NUN_w4t7bvZBnQ2UQekJxCugR64foSUYGiDaBGo9DewcfxzgpI1YbvTrAXUbluNcVl7lKqQwLuuCq_AXR4xvznXHAy-GqhFPs13ElmEEtXOw3SSP5kqxRHSJDheVfT8fyNMeJW/s640/blocs+llista+tots.png" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Veieu que podem afegir, eliminar o canviar qualsevol element de la llista (el primer, el darrer o qualsevol triat a l'atzar). També podem localitzar un element de la llista segons el seu índex, o bé, obtenir la llargada de la llista. Tots aquests blocs ens ajuden a modificar la llista segons ens convingui per a la creació del nostre programa.<br />
<div style="text-align: justify;">
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Podem també importar i exportar el contingut de les llistes a fitxers de text pla, simplement clicant la llista amb el botó de la dreta en l'entorn de creació.</div>
<div>
<br /></div>
<h3>
Exemples</h3>
<div class="separator" style="clear: both; text-align: left;">
<b>Exemple 1</b></div>
<div class="separator" style="clear: both; text-align: left;">
Crea una llista amb diferents salutacions. Fixa't en l'exemple: </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRR5MEXj1cHvAXyC3LkggO0VSGegQcqxlhZYpUkuuyDxbFIPP0l3cIqxn4UviqfPZVQvpjvetmYc3XWdYTPTjyZmoQpJNMGltMNPK7KbhxDE3xEo-6F8cTxoqtwxk55d0muBDScl5yqdwk/s1600/stage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRR5MEXj1cHvAXyC3LkggO0VSGegQcqxlhZYpUkuuyDxbFIPP0l3cIqxn4UviqfPZVQvpjvetmYc3XWdYTPTjyZmoQpJNMGltMNPK7KbhxDE3xEo-6F8cTxoqtwxk55d0muBDScl5yqdwk/s1600/stage.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
El següent programa et saludarà cada cop amb una de les frases de la llista triada a l'atzar. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOr_eeehit61rBDhzv7DzelA460WXnKxyguIxikE8yUMHVpJRYW7bkxjAM8ZcRpV2nYciZ4xpMVJzLO7ff8l1qDeyIzdVrheAFx71c07S-yAqRdBteyww8OK8gMhCPd9RTR36D2Z6jBtgy/s1600/Captura+de+2016-03-28+20%253A55%253A35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOr_eeehit61rBDhzv7DzelA460WXnKxyguIxikE8yUMHVpJRYW7bkxjAM8ZcRpV2nYciZ4xpMVJzLO7ff8l1qDeyIzdVrheAFx71c07S-yAqRdBteyww8OK8gMhCPd9RTR36D2Z6jBtgy/s400/Captura+de+2016-03-28+20%253A55%253A35.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Exemple 2</b></div>
</div>
<span style="text-align: left;">Crea dues llistes: la llista </span><i style="text-align: left;">mes</i><span style="text-align: left;"> amb els mesos de l'any (gener, febrer, març...) i la llista </span><i style="text-align: left;">dia de la setmana</i><span style="text-align: left;"> (diumenge, dilluns, dimarts...). Prova el següent programa, que et dirà en quin mes i en quin dia som. Fixa't que fem servir el sensor (mes) actual, que ens torna un nombre, com a índex del valor a cercar en la llista.</span><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX70-FCnTYGI2pJjr_HlQ2WI8So-R2UBC2PQ7SwPljftHyo_iCWbBOL2nOcSxPOT5f0hL5dJ6OvNSYj1VYT0qXjPWprk2A1EvvrCl15nz3eLu2ReqzFt00Ht0Kjyw3bEuTYm6C78CVcK96/s1600/mes-setmanes.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX70-FCnTYGI2pJjr_HlQ2WI8So-R2UBC2PQ7SwPljftHyo_iCWbBOL2nOcSxPOT5f0hL5dJ6OvNSYj1VYT0qXjPWprk2A1EvvrCl15nz3eLu2ReqzFt00Ht0Kjyw3bEuTYm6C78CVcK96/s640/mes-setmanes.png" width="640" /></a></div>
<div>
<br /></div>
<div>
<br />
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Exemple 3</b></div>
<div class="separator" style="clear: both; text-align: left;">
Amb les llistes es poden crear fàcilment jocs de preguntes/respostes. Crea una llista de Comarques i una de les seves capitals. Vigila que estiguin correctament ordenades! També hauràs de crear una variable que ens indicarà quina pregunta estem fent.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieBvjhjFhFxbjAefHmeLeMmaULq-6gebRCrLpy4_6E-ah39pt53IUxcMU7TxRm6Oy58InBa7q_ZXc1iYQNWN8ma5CdVgOstEJRD3YJcrcyX9h7WkuH0dWVyg_aqbdDONsHVyb1-PszR8E9/s1600/stage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="406" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieBvjhjFhFxbjAefHmeLeMmaULq-6gebRCrLpy4_6E-ah39pt53IUxcMU7TxRm6Oy58InBa7q_ZXc1iYQNWN8ma5CdVgOstEJRD3YJcrcyX9h7WkuH0dWVyg_aqbdDONsHVyb1-PszR8E9/s640/stage.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
El joc ens preguntarà per una comarca de la llista (un nombre triat a l'atzar entre 1 i la llargada de la llista). Si el nom escrit correspon a l'element amb el mateix nombre de la llista de capitals, haurem encertat.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXm2lCBKmAl0qqOAoWiYrD4pgU0Iue40c5bozPhdSQ6lScezJxqkwjjdemrBVkiTNYKUlYsBZw-ZIrr-q4YM012q-HMNyuA7oXV9x-wloRhE4oElfHwxyaGZTLDiy9MMAAycm6mzdxkNx/s1600/Captura+de+2016-03-28+20%253A39%253A30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXm2lCBKmAl0qqOAoWiYrD4pgU0Iue40c5bozPhdSQ6lScezJxqkwjjdemrBVkiTNYKUlYsBZw-ZIrr-q4YM012q-HMNyuA7oXV9x-wloRhE4oElfHwxyaGZTLDiy9MMAAycm6mzdxkNx/s640/Captura+de+2016-03-28+20%253A39%253A30.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Exemple 4</b></div>
<div class="separator" style="clear: both; text-align: left;">
Al joc <a href="https://scratch.mit.edu/projects/103662588/#editor" target="_blank">Endevina la bandera</a> juguem amb una llista ordenada segons les disfresses del personatge. </div>
<div class="separator" style="clear: both; text-align: left;">
Ens pregunta per una bandera i si s'encerta, l'afegim a una llista de control per evitar repetir la pregunta. </div>
</div>
</div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-83639172660087842732016-03-11T15:55:00.001+01:002020-04-13T23:36:36.622+02:00Ous de Pasqua - Easter EggsCom que s'acosta la Pasqua, us proposo crear un joc amb els vostres alumnes més petits. A l'escola l'hem fet els alumnes de segon i tercer de primària en una sessió d'una hora, i han xalat. Pot ser un bon recurs per iniciar-se en l'editor de dibuixos.<br />
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/etRQEayho0U/0.jpg" frameborder="0" height="480" src="https://www.youtube.com/embed/etRQEayho0U?feature=player_embedded" width="640"></iframe></div>
<br /></div>
<ol>
<li>Ves a l'enllaç del <a href="https://scratch.mit.edu/projects/209405451/editor" target="_blank">Joc de Pasqua</a>.</li>
</ol>
<ol start="2">
<li>Clica a la pestanya <b>Vestits</b> i amb el pot de pintura, pinta l'ou i el pollet. Si t'equivoques en pintar, fes clic a la fletxa de Desfés.</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6dS7gCB_y-s-HcrvTTRl93-JvQETsISgtjAr2f4Tqovmapacln3d8KypIp8HBlgVFOHVPQadZ4sAGiF6HtpvUxOnnDaqBc7Zgdc0zSmGy5WN1m01yL52A7E38CxzlCR-Q0r4xaTs9v9J/s1600/editor-pot+pintura.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6dS7gCB_y-s-HcrvTTRl93-JvQETsISgtjAr2f4Tqovmapacln3d8KypIp8HBlgVFOHVPQadZ4sAGiF6HtpvUxOnnDaqBc7Zgdc0zSmGy5WN1m01yL52A7E38CxzlCR-Q0r4xaTs9v9J/s400/editor-pot+pintura.jpg" width="400" /></a></div>
<br />
<ol start="3">
<li>Ara fes clic a la pestanya <b>Programes</b>. Introdueix el següent programa i comprova que funcioni. En prémer la Bandereta verda, l'ou s'ha de moure d'un costat a l'altre.</li>
</ol>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMFfkmMFk44Bw1PJtZMAVgWGkqByTXZCEjmFVh90Ekbf0EnSbh32uWbhZTQAY7JoSAHffqaif1YW1YvoUJ0FGiB9001G9B_6nAFMvDnQzKBbMINhyphenhyphenrfQGEbN7_MHMuDcCMlDt3b4vTCST/s1600/2016-03-11+15_48_36-Ous+de+Pasqua+-+Easter+Eggs+%2528el+joc%2529+a+Scratch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMFfkmMFk44Bw1PJtZMAVgWGkqByTXZCEjmFVh90Ekbf0EnSbh32uWbhZTQAY7JoSAHffqaif1YW1YvoUJ0FGiB9001G9B_6nAFMvDnQzKBbMINhyphenhyphenrfQGEbN7_MHMuDcCMlDt3b4vTCST/s1600/2016-03-11+15_48_36-Ous+de+Pasqua+-+Easter+Eggs+%2528el+joc%2529+a+Scratch.jpg" /></a></div>
<ol start="4">
<li>Ara introdueix aquest altre programa. En clicar l'ou, ha aparèixer el pollet.</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_fQx8_exUND0UTtWNYdMiJXNHaw0mq15LO4HoV96m_TivEbkxEXx3OoHIMO-Uy34oOIi_q7agUOGXyCKRcafuSwwb3uLZzw04oz7ehwfRec8a3hJKnpx8DKa2h148MY2tfU6LU8hDW7WL/s1600/2016-03-11+15_48_48-Ous+de+Pasqua+-+Easter+Eggs+%2528el+joc%2529+a+Scratch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_fQx8_exUND0UTtWNYdMiJXNHaw0mq15LO4HoV96m_TivEbkxEXx3OoHIMO-Uy34oOIi_q7agUOGXyCKRcafuSwwb3uLZzw04oz7ehwfRec8a3hJKnpx8DKa2h148MY2tfU6LU8hDW7WL/s320/2016-03-11+15_48_48-Ous+de+Pasqua+-+Easter+Eggs+%2528el+joc%2529+a+Scratch.jpg" width="320" /></a></div>
</div>
<div>
<ol start="5">
<li>Personalitza el joc:</li>
<ul>
<li>Fes que l’ou vagi més ràpid</li>
<li>Canvia el so</li>
<li>Fes que digui una altra cosa</li>
<li>Pels experts… duplica l’ou, afegeix un marcador, música de fons, altres figures de pasqua...</li>
</ul>
</ol>
</div>
Aquí teniu el joc en funcionament...<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/101307593/?autostart=false" width="485"></iframe>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<br />
Bona Pasqua!!!</div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.comtag:blogger.com,1999:blog-5515327691613803519.post-38081689844307008532016-02-05T20:39:00.001+01:002016-03-30T17:55:26.077+02:00El carnaval arriba a Scratch<div class="separator" style="clear: both; text-align: center;">
</div>
Aprofitant que som a Carnaval, us comparteixo un joc de disfresses. La <i>gràcia</i> del joc és que, si activeu la WebCam us podreu disfressar a vosaltres mateixos: us podreu posar ulleres, barrets, ulleres, barbes, perruques...<br />
<br />
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRekPgSq7TJPGzwXNeazwRxrQRZZEWDQ8LSxbQhVzu5UA1D7We9RnY2qV1WZLC1e5sPwiOhqE-Pi1HuEkf7cc_bZ3RgKTjIGHFunWDu0mGayxkr9G0dtntRVt8nQMOxZtQ0eWeAsYM3Y2R/s320/2016-03-30+17_53_37-Blogger_+Crear+Jocs+amb+Scratch+-+Modificar+el+missatge.jpg" width="0" />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/48100706/?autostart=false" width="485"></iframe>
</div>
<div style="text-align: center;">
<span style="font-size: x-small;">Veure <a href="https://scratch.mit.edu/projects/48100706/" target="_blank">el joc</a> a la web d'Scratch </span></div>
<div style="text-align: center;">
<br /></div>
<div>
Igual que quan treballem amb el micro, quan iniciem el joc rebrem un missatge de seguretat de Flash. Hem de contestar <i>Allow (Permet) </i>per poder fer servir la càmara.<i><br /></i></div>
<div>
<i><br /></i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpvR8FMXvtzGMZdp3xh3uvV71-eyALk_GrtAHGNQuPb_rMRZYKKIpo2UXem44iA3E1EEezTl9W04wRstSwv5h-euXAFVx0JUuS-yy6r_W5OpvRBlwpC6ZQfr7aqHcbBtuSrvi-kqQL1Sa/s1600/allow.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpvR8FMXvtzGMZdp3xh3uvV71-eyALk_GrtAHGNQuPb_rMRZYKKIpo2UXem44iA3E1EEezTl9W04wRstSwv5h-euXAFVx0JUuS-yy6r_W5OpvRBlwpC6ZQfr7aqHcbBtuSrvi-kqQL1Sa/s1600/allow.png" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-size: small;">Toti que el joc és complicat, ja que juguem amb diverses variables i vestits, podeu mirar de crear un joc semblant, aprofitant l'opció de la càmara. No dubteu a afegir als comentaris els vostres projetes. </span></span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="font-size: small;">Bon carnaval!!!!</span></span></div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-76149568952395215492015-05-24T21:48:00.000+02:002018-05-24T09:40:41.043+02:00Fruits NinjaEl videojoc <a href="http://es.wikipedia.org/wiki/Fruit_Ninja" target="_blank">Fruit Ninja</a>, creat per l'empressa <a href="http://halfbrick.com/">Halfbrick</a> és un dels més populars per a mòbils i tablets, ja que aprofita fantàsticament la pantalla tàctil dels dispositius. Nosaltres en farem una versió per a Scratch que utilitzarà el ratolí, però amb poca feina més, el podrem transformar en un joc controlat pel nostre propi cos.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxytC7t-1KN6ECG0lIQw43G6pc0J416HIjnm4g65kPPRosCQoSmFAQs9PgmgvSLH3KJ1NRtzkakTnAtxVX72wUllDXYMjYRp39DVkiO1t49zNooA-rwdwhNzOI3TcEilGUT2DppaKhs4SA/s320/fruits_ninja.jpg" width="0" /></div>
<h3>
El Joc </h3>
<br />
<center>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="https://scratch.mit.edu/projects/embed/58740912/?autostart=false" width="485"></iframe></center>
<br />
<div style="text-align: center;">
<span style="font-size: x-small;">Veure<a href="https://scratch.mit.edu/projects/58740912/" target="_blank"> el joc </a>a la web d'Scratch</span></div>
<br />
<h3>
</h3>
<h3>
Com es fa? </h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/KJqBxPnUNvY/0.jpg" frameborder="0" height="360" src="https://www.youtube.com/embed/KJqBxPnUNvY?feature=player_embedded" width="640"></iframe></div>
<br />
<br />
<h3>
Què necessites?</h3>
<br />
Per a la realització de la versió bàsica del jocs només necessitaràs un personatge, una fruita:<br />
<ul>
<li>Tindrà <b>dues disfresses</b>, la fruita sencera i la fruita tallada. Per tal que apareguin moltes fruites una darrera l'altre, utilitzarem<a href="http://crearjocs.blogspot.com.es/2014/05/programacio-copia-de-personatges-o-clons.html" target="_blank"> clons</a>. </li>
<li>Si la fruita és tocada, canviarà a la disfressa a tallada i ens donarà punts.Utilitzarem <a href="http://crearjocs.blogspot.com.es/2010/05/programacio-sensors.html" target="_blank">sensors de contacte</a>.</li>
<li>Sortirà disparada del la part inferior de la pantalla, descrivint <b>una paràbola</b>. Per al moviment de la fruita treballarem amb <a href="http://crearjocs.blogspot.com.es/2010/05/programacio-variables.html" target="_blank">variables </a>locals.</li>
</ul>
La part més complicada del joc és el moviment de la fruita, ja que descriu una paràbola (els físics en dirien <i>tir parabòlic</i>). Per a realitzar-lo necessitarem tres variables <b>locals</b>, és a dir, que afecten només a aquell clon en concret. La velocitat horitzontal i el gir són moviments força senzills de descriure, ja que un cop seleccionat el valor a l'atzar (variable a l'atzar), simplement l'apliquem al bloc corresponent (<i>suma a x</i> o <i>gira</i>).<br />
<br />
Però veureu que a la velocitat vertical inicial, un cop triada a l'atzar, li anem restant successivament una constant (un nombre que no varia). Aquesta constant és la<b> <i>gravetat</i>,</b> i és la força que fa que tot caigui. A la següent imatge, teniu comentats els blocs.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOG19x0N3NtuFLkDp_TvhDkHbTSGjb71L0h3slEAyV9uaUCur-upk1HrbNZ-olp5dn1r7XutRrw9Tg5GvvOn44Z9zh5XVD1GmYw4Ri-Q4Hu4y3UfUx0Or3pebQXqFgQjj5aIpz74jo7LMX/s1600/maced%25C3%25B2nia+menorquina+a+Scratch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOG19x0N3NtuFLkDp_TvhDkHbTSGjb71L0h3slEAyV9uaUCur-upk1HrbNZ-olp5dn1r7XutRrw9Tg5GvvOn44Z9zh5XVD1GmYw4Ri-Q4Hu4y3UfUx0Or3pebQXqFgQjj5aIpz74jo7LMX/s1600/maced%25C3%25B2nia+menorquina+a+Scratch.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Quan tinguem el programa de la fruita ben polit el passarem als altres personatges (els altres tipus de fruita). </div>
<br />
<h3>
Què més puc fer?</h3>
<ul>
<li>Millorarà l'efecte quan es talla la fruita: afegeix efectes de pixelació, transparència...</li>
<li>Afegir una bomba (o un donut, com en l'exemple) que resti punts.</li>
<li>Fer una pantalla de presentació del joc i una pantalla de Game Over.</li>
<li>Afegir més efectes sonors.</li>
<li>Afegir un objecte (ganivet, espasa) que es mogui amb el ratolí, o crear un <i>deixant (rastre) </i>quan es mogui el ratolí (com en l'exemple).</li>
</ul>
<div>
<h3>
Vídeo</h3>
</div>
<div>
Tal i com hem creat el joc, és molt fàcil transformar-lo en un joc controlat per vídeo. Si tens una webcam (molts portàtils ja la porten incorporada) pots provar <a href="https://scratch.mit.edu/projects/63895912/" target="_blank">aquesta versió</a>. </div>
<div>
<br /></div>
<div>
L'únic que cal fer és activar el vídeo, i substituir el sensor de <i>tocant ratolí</i> pel sensor de moviment de vídeo.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd9Rgyu5I5B11V6qG7Iq3d2mEhWDXMbYymocQXYUiAohbdQJ7G3P4yvifTKBNuE0Ga4aWABzb6BEL3wBRioMQODFcN-u2lenscK4kKdNP9EHEPuyGoKDDXJXEY3hofjiMzvk3F1NFWR2Oh/s1600/Captura+de+2015-05-23+22%253A12%253A22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd9Rgyu5I5B11V6qG7Iq3d2mEhWDXMbYymocQXYUiAohbdQJ7G3P4yvifTKBNuE0Ga4aWABzb6BEL3wBRioMQODFcN-u2lenscK4kKdNP9EHEPuyGoKDDXJXEY3hofjiMzvk3F1NFWR2Oh/s640/Captura+de+2015-05-23+22%253A12%253A22.png" width="640" /></a></div>
<div>
<br /></div>
<div>
Igual que quan treballem amb el micro, rebrem un missatge de seguretat de Flash. Hem de contestar <i>Allow (Permet).</i></div>
<div>
<i><br /></i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpvR8FMXvtzGMZdp3xh3uvV71-eyALk_GrtAHGNQuPb_rMRZYKKIpo2UXem44iA3E1EEezTl9W04wRstSwv5h-euXAFVx0JUuS-yy6r_W5OpvRBlwpC6ZQfr7aqHcbBtuSrvi-kqQL1Sa/s1600/allow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpvR8FMXvtzGMZdp3xh3uvV71-eyALk_GrtAHGNQuPb_rMRZYKKIpo2UXem44iA3E1EEezTl9W04wRstSwv5h-euXAFVx0JUuS-yy6r_W5OpvRBlwpC6ZQfr7aqHcbBtuSrvi-kqQL1Sa/s1600/allow.png" /></a></div>
<div>
<i><br /></i></div>
<div>
<br /></div>
<div>
</div>
<b>Un cop hagis acabat el joc, no t'oblidis de <a href="http://crearjocs.blogspot.com.es/p/compartir-jocs.html" target="_blank">compartir-lo</a> i afegir-lo a l'estudi de <a href="https://scratch.mit.edu/studios/1250482/" target="_blank">Fruit Ninja</a>. Allà pots veure altres exemples i comentar-los.</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://scratch.mit.edu/studios/1250482/" target="_blank"><img alt="https://scratch.mit.edu/studios/1250482/" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0x33mzHfLfPX-zNuCTDREzu-mKWOlCU2wpnw-sXWLE5Hz90QGwMKT3gGxHuf7lD2eLMeRuutZmz15uXOYFv-XW2fajvbmNMOrLaADfaazYgJ9qJPPMGgGrO7ql_WVilrcIeyKyVQE6pn/s640/Fruit+Ninja+-+CrearJocs.png" width="640" /></a></div>
<br />
<div style="text-align: center;">
<i>Dedicat als meus petits amics Scratchers de Menorca i per a @SaXaranga. Moltes Gràcies!</i></div>
PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-62772855504770503392015-05-19T13:00:00.001+02:002015-05-19T13:02:10.573+02:00Presentació sobre usuaris, projectes i estudis a #JEP15Dins de la <a href="http://blocs.xtec.cat/jornadaprograma/">VII edició de les Jornades Programa</a>, dedicades a programació educativa i robòtica escolar, vaig poder explicar com organitzo a l'escola la gestió d'usuaris, projectes i estudis amb els meus alumnes. Per la bona rebuda que he vist que ha tingut, crec que anem en bona linia. Deixo aquí la presentació.<br /><br />
<center>
<iframe allowfullscreen="true" frameborder="0" height="299" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/17wktTABTpVX36VbpIdejk6_CqWbKi9ITReHDC42OdfE/embed?start=true&loop=true&delayms=5000" webkitallowfullscreen="true" width="480"></iframe>
</center>PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-58098568463807673862015-05-18T13:59:00.000+02:002016-03-28T19:42:02.223+02:00Programació: Definir els nostres blocs<h3>
Definició</h3>
En els diferents llenguatges de programació existeixen procediments, subrutines o funcions, que no és res més que un petit programa que és utilitzat dins d'un programa més gran. Tot i que no son exactament el mateix concepte, per al nostre cas els podem asimilar.<br />
<br />
Utilitzar funcions ens ajuda a reduir el còdi i a fer més fàcil entendre'l, mantenir-lo i depurar-lo. <br />
<br />
Si per exemple, vull dibuixar un tauler d'escacs, no em preocupare de dibuixar un quadrat 64 vegades, si no que en programarè un prodediment "fill", separat del codi general del programa, i utilitzaré aquest procediment separat per dibuixar els quadrats: <br />
<ul>
<li>Definiré un procediment que dibuixi un quadrat blanc i li posaré nom: [quadrat_blanc]</li>
<li>Definiré un procediment que dibuixi un quadrat negre i li posaré nom: [quadrat_negre]</li>
<li>Crearé el programa, on aniré cridant els procediments [quadrat_blanc] i [quadrat_negre] alternativament.</li>
</ul>
<div>
<br /></div>
<h3>
Com crear nous blocs a Scratch</h3>
A l'Scratch, com no podia ser d'una altra forma, els procediments o funcions tenen també el seu bloc corresponent. Per crear-los, cliquem a la patela <b>Més blocs</b> i cliquem el botó <b>Crea un bloc.</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEietxUklsLSoYSMIOEkWf0bZBGL5x-2IkOJKQMOOCNPCZ1G0PvJ0-WV2beYEcgl34HiQ4fbsQspAigQcJR42hYPK4UxnyIFSH6vE7gMVkhOYnMJ3Ns0rCTyOGhRyuLxOL4l7Iqc-RDGEF4K/s1600/blocs1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEietxUklsLSoYSMIOEkWf0bZBGL5x-2IkOJKQMOOCNPCZ1G0PvJ0-WV2beYEcgl34HiQ4fbsQspAigQcJR42hYPK4UxnyIFSH6vE7gMVkhOYnMJ3Ns0rCTyOGhRyuLxOL4l7Iqc-RDGEF4K/s1600/blocs1.png" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Haurem d'assignar un nom al nou bloc, i un cop acceptat , passarem a definir-lo, colocant a sota de la definició els blocs que vulguem que s'executin en utilitzar-lo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcs_eKqxjnxXTz3DS2jbJAgPlgmJZ8rSDybjz51i68Qh_XolZPkmXstQh-BcUq9gBwlhS72g8A4Fn5LagEI6OwkelKa5LZAligU9khGseLS0DFVIrAF38fhoLB3FJYksuGphlSc0ZhQ7Io/s1600/blocs2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcs_eKqxjnxXTz3DS2jbJAgPlgmJZ8rSDybjz51i68Qh_XolZPkmXstQh-BcUq9gBwlhS72g8A4Fn5LagEI6OwkelKa5LZAligU9khGseLS0DFVIrAF38fhoLB3FJYksuGphlSc0ZhQ7Io/s320/blocs2.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT3TbWn-aeWVvwihu-dAvqFbm1ft_oLajwUZ91rZer5Ed8BFcX_8DB9ndHt_9_ByDmMndLUI6RejZ4SresNZue1HghQILegQ4ETCGnJy-R_zngUtiREaBu3za9OFuI1w-Jd7fhRARaYOlH/s1600/blocs3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT3TbWn-aeWVvwihu-dAvqFbm1ft_oLajwUZ91rZer5Ed8BFcX_8DB9ndHt_9_ByDmMndLUI6RejZ4SresNZue1HghQILegQ4ETCGnJy-R_zngUtiREaBu3za9OFuI1w-Jd7fhRARaYOlH/s1600/blocs3.png" /></a></div>
<br />
Un cop definit el nou bloc, podem utilitzar-lo dins el programa del personatge.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2khyphenhyphenoEgBLA94wqvd8eFtxZM2aG2K0u5xXJC-5jL9kHbU8ex4QdzXa-FPFmrWfOXNT9b_L4afIXfgjh53i1g3-edQXj9R-aow2kkfmWTX9-B-0oNq9C8jx3B2bhvsQUM2hn5X6bzRWHoSk/s1600/blocs4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2khyphenhyphenoEgBLA94wqvd8eFtxZM2aG2K0u5xXJC-5jL9kHbU8ex4QdzXa-FPFmrWfOXNT9b_L4afIXfgjh53i1g3-edQXj9R-aow2kkfmWTX9-B-0oNq9C8jx3B2bhvsQUM2hn5X6bzRWHoSk/s1600/blocs4.png" /></a></div>
<br />
A més de crear blocs simples, tenim també la posibilitat de passar paràmetres a la seva execució. D'aquesta manera podem crear un procediment més flexible i més fàcil de reutilitzar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtLMz5HplOXQixny68JDqiP1THuIiCnBfYjB1vwZOYls9Vwg5J0Omc6aF9n91AnjFXaWW6QJp4iHDCXnH9lvmwarF8MQcRZ0gO3ZsBIlGwgOuuXAtRqOwNxfWl3qlMHT323oQybATJN6v5/s1600/blocs5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtLMz5HplOXQixny68JDqiP1THuIiCnBfYjB1vwZOYls9Vwg5J0Omc6aF9n91AnjFXaWW6QJp4iHDCXnH9lvmwarF8MQcRZ0gO3ZsBIlGwgOuuXAtRqOwNxfWl3qlMHT323oQybATJN6v5/s320/blocs5.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36L82zWm6DMk3eRCIo3sDAo7XGjV1JiDTmqZp3jBlnVJf2aM7r-fYQCgO8e9-YfzxLl0fslz8P_7pHAPMljeRm1mM3_HVXFiumRUKkmYEvVW4M-bg6Erw_-LcyAG6WonpO3wIRK1GrMVl/s1600/blocs6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36L82zWm6DMk3eRCIo3sDAo7XGjV1JiDTmqZp3jBlnVJf2aM7r-fYQCgO8e9-YfzxLl0fslz8P_7pHAPMljeRm1mM3_HVXFiumRUKkmYEvVW4M-bg6Erw_-LcyAG6WonpO3wIRK1GrMVl/s320/blocs6.png" width="320" /></a></div>
<br />
<br />
<h3>
Exemples</h3>
Si volem tenir un personatge que salti quan el cliquem amb el ratolí o quan pitgem la fletxa amunt, podem definir el moviment de salt en un bloc, i utilitzar el mateix programa amb els dos esdeveniments. Quan volguem canviar l'alçada del salt, els efectes, ho tindrem tot concentrat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwn_HAmAN1oXSHjbYUO0m79a7G3qUYRUGC9VKLqOB508-hL1t1h1sWg6nFbfxpfdmstX1MqnWtzjbvmlH2rYALJSdvedaJFn1yqIFnLn6ADd5wrm1j6NOzA0bncQAvhTqmxQzf75R2pn0l/s1600/blocs7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwn_HAmAN1oXSHjbYUO0m79a7G3qUYRUGC9VKLqOB508-hL1t1h1sWg6nFbfxpfdmstX1MqnWtzjbvmlH2rYALJSdvedaJFn1yqIFnLn6ADd5wrm1j6NOzA0bncQAvhTqmxQzf75R2pn0l/s400/blocs7.png" width="400" /></a></div>
<br />
En el joc de <a href="http://crearjocs.blogspot.com.es/2013/07/pillar-cuques.html" target="_blank">Pillar cuques</a>, definim les noves cuques amb un nou bloc, que agrupa tots les accions necessàries: posicionar a l'atzar, triar el dibuix, el color i la mida.... i el cridem en crear clons:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizJgZsZbnwIXu2W853zXbtoQlEolxjS3701iRRbdkUvxX3eGFWVc2WG8BdwH7ClL831XwEDlf7mZhEBsDxWOUt0aBfhuYyTjdNaUWVb0sG88B1QLzBj8XQM_sB1IYjTdwnHlLYSSbO202M/s1600/blocs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizJgZsZbnwIXu2W853zXbtoQlEolxjS3701iRRbdkUvxX3eGFWVc2WG8BdwH7ClL831XwEDlf7mZhEBsDxWOUt0aBfhuYyTjdNaUWVb0sG88B1QLzBj8XQM_sB1IYjTdwnHlLYSSbO202M/s640/blocs.png" width="640" /></a></div>
<br />
En aquest altre exemple reprenem el quadrat amb un costat com a paràmetre. Ara, per anar canviant el costat, ens proveïm d'una variable que anem incrementant.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZdAsm4hxYY_Gh_rLbfxK2HdjwhMz16_9wGAGWbswPWL5uo80LjnrO91XJwHCzCpotSKG8gaPnnUS-cYeFFP4NjNPnxWNNn_cUUHlC8SUy9slrM1Lz_O24olP0do5DLe5ccByqsS-IJ2A/s1600/custom+block.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZdAsm4hxYY_Gh_rLbfxK2HdjwhMz16_9wGAGWbswPWL5uo80LjnrO91XJwHCzCpotSKG8gaPnnUS-cYeFFP4NjNPnxWNNn_cUUHlC8SUy9slrM1Lz_O24olP0do5DLe5ccByqsS-IJ2A/s400/custom+block.png" width="400" /></a></div>
<br />@PauetChttp://www.blogger.com/profile/15551858131645026889noreply@blogger.com0tag:blogger.com,1999:blog-5515327691613803519.post-39479465800038259152014-05-17T01:31:00.000+02:002018-05-24T09:39:10.365+02:00Invasió d'Asteroides<div style="text-align: justify;">
Els típics jocs de <i>matamarcians</i> són jocs de <i><a href="http://es.wikipedia.org/wiki/Shoot_%27em_up" target="_blank">shoot 'em up</a>.</i> Dins d'aquesta categoria trobem jocs com l'<i>Space Invaders</i> o <i>Asteroids</i>. El joc que presentem aquí és una barreja dels dos anteriors i pot servir com a base per a desenvolupar-los amb petits canvis.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGN6KVaPMljaagEUdNi1ucrD8bGKsk3H-ySZMuuqO7fzq3iwO1C58OGuQzVEY0WnTA7sIL7OB42uvkm2aQKgquOz9HDORumUBgFrLOw6Jo-okRRbGvEUKA8DaUFV6e8R2PPqwvhRUFvwR6/s320/2016-03-30+18_02_26-Crear+Jocs+amb+Scratch_+Invasi%25C3%25B3+d%2527Asteroides.jpg" width="0" /></div>
<br />
<span style="font-size: large;">El Joc</span><br />
<div style="text-align: center;">
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="https://scratch.mit.edu/projects/embed/22113401/?autostart=false" width="485"></iframe><br />
<span style="font-size: x-small;">Veure <a href="http://scratch.mit.edu/projects/22113401/#player" target="_blank">el joc</a> a la Web d'Scratch</span></div>
<br />
<br />
<span style="font-size: large;">Com es fa?</span><br />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/MsaXL0Y--SE?rel=0" width="640"></iframe>
</div>
<br />
<span style="font-size: large;">Què necessites?</span><br />
Per a la realització del joc necessites: <br />
<ul>
<li>Una <b>nau</b>, que es mourà a dreta i esquerra.</li>
<li>Un <b>projectil</b>, que <a href="http://crearjocs.blogspot.com.es/2014/05/programacio-copia-de-personatges-o-clons.html" target="_blank">clonarem</a> per a obtenir tants com necessitem. Farem que vagi sempre enganxat a la nau, i que es dispari amb una pulsació de tecla. Utilitzarem <a href="http://crearjocs.blogspot.com.es/2010/05/programacio-sensors.html" target="_blank">sensors</a> per detectar quan arriba a dalt de tot.</li>
<li>Un <b>asteroide</b>, que també <a href="http://crearjocs.blogspot.com.es/2014/05/programacio-copia-de-personatges-o-clons.html" target="_blank">clonarem</a> per a que n'apareguin molts. Apareixeran i es mouran a l'<a href="http://crearjocs.blogspot.com.es/2010/05/programacio-atzar.html" target="_blank">atzar</a> i utilitzarem <a href="http://crearjocs.blogspot.com.es/2010/05/programacio-sensors.html" target="_blank">sensors</a> per detectar quan han estat tocats per la bala, i quan arriben a baix de tot.</li>
<li>Definirem també una <a href="http://crearjocs.blogspot.com.es/2010/05/programacio-variables.html" target="_blank">variable</a> per controlar els punts.</li>
</ul>
<div style="text-align: justify;">
Com veus, fem un ús intensiu de la <a href="http://crearjocs.blogspot.com.es/2014/05/programacio-copia-de-personatges-o-clons.html" target="_blank">clonació o còpia de personatges</a>. Per a clonar personatges, creem còpies d'ell mateix, i programem que han de fer un cop s'han creat. Un cop han acabat la feina, eliminem les còpies creades.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXA7uJUrZbLKoiShFDkFUkOTqfRz_6W6wuAvsONmdGshBIa303VhwgB-PZ9JmMs8QehogPFPOXu-3Ye_YC5BsH5h7lQXWx3zEISFm56zEQ0vk_Sg9zAuhhcVZfglK99OvAZ_UvmfrS1F-H/s1600/2014-05-16+11_30_19-Untitled-6+a+Scratch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXA7uJUrZbLKoiShFDkFUkOTqfRz_6W6wuAvsONmdGshBIa303VhwgB-PZ9JmMs8QehogPFPOXu-3Ye_YC5BsH5h7lQXWx3zEISFm56zEQ0vk_Sg9zAuhhcVZfglK99OvAZ_UvmfrS1F-H/s1600/2014-05-16+11_30_19-Untitled-6+a+Scratch.png" /></a></div>
<br />
<span style="font-size: large;">Què més puc fer? </span><br />
<ul>
<li style="text-align: justify;">Crea una presentació pel joc, on s'expliqui la història del planeta i de l'heroi que pilota la nau.</li>
<li style="text-align: justify;">Afegeix efectes de so: projectil, col·lisions, música de fons...</li>
<li style="text-align: justify;">Afegeix diversos nivells: més asteroides, més velocitat...</li>
<li style="text-align: justify;">Afegeix un comptador de temps, de forma que si obtenim tants punts en tants minuts, hem guanyat el joc.</li>
<li style="text-align: justify;">Crea una opció per desplegar un escut protector, que duri uns segons, durant els quals la nau està protegida.</li>
</ul>
<div style="text-align: justify;">
<b>Un cop hagis acabat el joc, no t'oblidis de <a href="http://crearjocs.blogspot.com.es/p/compartir-jocs.html" target="_blank">compartir-lo</a> i afegir-lo a l'estudi de <a href="http://scratch.mit.edu/studios/433308/" target="_blank">Invasió d'Asteroides</a>. Allà pots veure altres exemples i comentar-los.</b></div>
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://scratch.mit.edu/studios/433308/" target="_blank"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8dPiUDtrHwNGw3ju0FRO_VWv1D-27tSappHk5AyGySWHThxyNwDapmcbGRzEbBOCQnNzBBG6xrbhcbdPAL6EtVHWqqWgDFMdDzq51Qm1w5u5XInU2Vn6775RPOaC187syw-gUlqBPB4Qo/s1600/2014-05-16+11_50_05-Greenshot+capture+form.png" width="640" /></a></div>
<b><br /></b>PauC - El Profehttp://www.blogger.com/profile/03565734340708199618noreply@blogger.com10tag:blogger.com,1999:blog-5515327691613803519.post-31564378701360017722014-05-16T21:49:00.002+02:002016-03-30T17:59:51.557+02:00Programació: Còpia de personatges o clons<span style="font-size: large;">Definició</span><br />
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1nr2a4zmjNAmt2l7FDiomms8coK5akCaTHuI9wEVwLSl3E7-yQdPCbK6yd4ilGHP_ldJOY0GV3rBncAGHZG0M9xA5-TtNGZdRSLGx9l1kRMxJADWbL1BHlVbhweai8siOTs7BC1MKHnld/s1600/clonar+clons.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1nr2a4zmjNAmt2l7FDiomms8coK5akCaTHuI9wEVwLSl3E7-yQdPCbK6yd4ilGHP_ldJOY0GV3rBncAGHZG0M9xA5-TtNGZdRSLGx9l1kRMxJADWbL1BHlVbhweai8siOTs7BC1MKHnld/s200/clonar+clons.png" width="200" /></a>Clonar un objecte o personatge vol dir fer-ne una còpia. En programació és molt útil la clonació ja <br />
que així ens preocupem només de crear i programar el primer objecte: com es mourà, com respondrà a diversos esdeveniments o sensors... Si necessitem més còpies del personatge el clonem, i cada còpia conservarà les característiques programades per l'objecte original. És una forma senzilla de reutilitzar codi.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Si volem que els clons apareguin en diferents llocs o que es moguin o actuïn de forma diversa, ho podem programar amb l'<a href="http://crearjocs.blogspot.com.es/2010/05/programacio-atzar.html" target="_blank">atzar</a>, o bé podem seqüenciar-los amb una variable que els faci actuar en funció del seu número.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Com treballar la còpia de personatges amb Scratch?</span> </div>
<div style="text-align: justify;">
En treballar amb còpies seguim normalment un mateix patró:</div>
<ol style="text-align: justify;">
<li>Creen la còpia del personatge</li>
<li>Programem què ha de fer cada una de les còpies</li>
<li>Esborrem la còpia </li>
</ol>
<div style="text-align: justify;">
Per crear els clons utilitzem el bloc <b>crea una còpia de jo mateix. </b>Podem posar el bloc dins d'un repeteix, si volem un número determinat de clons, o bé dins d'un per sempre, si volem que vagi fent les còpies contínuament. La còpia apareix a la mateixa posició que el personatge original, i desapareix quan aturem l'execució del programa.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJuKVqeXJYng1ZCEowcc5S6m1mY-jwkc-n50aeBG6anBsmaTAdqUp2XZ4P22DHCmLEtk7W2S40cyn8XFQiYFbEdXyIYa-3-6rXr7CtxirFzn3Tt7CuAzC0rMefgHVMdPwhMdwhP9up_9-c/s1600/2014-05-16+16_51_50-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="34" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJuKVqeXJYng1ZCEowcc5S6m1mY-jwkc-n50aeBG6anBsmaTAdqUp2XZ4P22DHCmLEtk7W2S40cyn8XFQiYFbEdXyIYa-3-6rXr7CtxirFzn3Tt7CuAzC0rMefgHVMdPwhMdwhP9up_9-c/s1600/2014-05-16+16_51_50-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" width="320" /></a></div>
<br />
<div style="text-align: justify;">
Per definir què ha de fer cada còpia utilitzem el bloc <b>quan una còpia meva comenci</b>. Sota seu enganxarem els bloc amb el programa que volem que realitzi cada clon. Segueixen les mateixes normes que la resta de personatges d'Scratch: responen als mateixos esdeveniments i accions que l'original.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUDiTlnenGolZgmzNh4lKLH99fb0Gk-a7lc1TsubBSrHnQyf9-O4tLqZKYaARTJYGLo6Z6GTz7CdzKFMnUiFjAQTPnEAQtf4LAcLoyZmBxq3URjfbOya_rKhDfZZqb9UwABomyrpdLNhyx/s1600/2014-05-16+16_52_12-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUDiTlnenGolZgmzNh4lKLH99fb0Gk-a7lc1TsubBSrHnQyf9-O4tLqZKYaARTJYGLo6Z6GTz7CdzKFMnUiFjAQTPnEAQtf4LAcLoyZmBxq3URjfbOya_rKhDfZZqb9UwABomyrpdLNhyx/s1600/2014-05-16+16_52_12-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" /></a></div>
<br />
<div style="text-align: justify;">
Un cop acabada la feina a fer, si hem de fer desaparèixer el clon, el millor és suprimir-lo. Ho farem amb el bloc <b>esborra aquesta còpia</b>. Això és així per què Scratch té un límit de 300 clons funcionat alhora, per tal de no esgotar els recursos de l'ordinador.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVjSNLdA2Bot9PZ8J-_LxNmUvsQIIu0IDnM8PCY1bV5-xRW3MlyS9F23Z2w1m3tVSNU-HQMpeHGE-M9-ZYn6N7EFmj056KsTIfr0HCRCUQJhCKnO92EZRZ4ndyPSNr_PjfQ-VZEXnt7MBf/s1600/2014-05-16+16_52_25-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVjSNLdA2Bot9PZ8J-_LxNmUvsQIIu0IDnM8PCY1bV5-xRW3MlyS9F23Z2w1m3tVSNU-HQMpeHGE-M9-ZYn6N7EFmj056KsTIfr0HCRCUQJhCKnO92EZRZ4ndyPSNr_PjfQ-VZEXnt7MBf/s1600/2014-05-16+16_52_25-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Els clons o còpies apareixen a la versió
2.0 d'Scratch. Fins a les hores, si volíem fer sortir diversos
personatges idèntics no teníem més remei que duplicar el personatge un cop programat.</div>
<br />
<span style="font-size: large;">Exemples</span><br />
<div class="separator" style="clear: both; text-align: justify;">
En el primer exemple, cada cop que premem la tecla espai es crearà un clon. Quan hagi estat crear, es situarà en un lloc a l'atzar, i canviarà la mida i el color.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCxLviuez9Wd_6z15g8O-e0xPmfQLoUoEAl8z5tAxlHIhqQo8mBCloiSRe-BezvKj_Ocro8mhyU7JJt7pDAxJancUUq4ZEs6y7SzVwRmB5-IUdkyJDudtt-pfmKD-icOMQIx1kyhZnaXZ9/s1600/2014-05-16+16_44_26-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCxLviuez9Wd_6z15g8O-e0xPmfQLoUoEAl8z5tAxlHIhqQo8mBCloiSRe-BezvKj_Ocro8mhyU7JJt7pDAxJancUUq4ZEs6y7SzVwRmB5-IUdkyJDudtt-pfmKD-icOMQIx1kyhZnaXZ9/s1600/2014-05-16+16_44_26-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" /></a></div>
<br />
<div style="text-align: justify;">
En el segon exemple els clons es creen en fer clic al personatge. Un cop creats, els clons es desplaçaran fins a tocar la vora, moment en que el personatge copiat desapareix. Aquest exemple demostra que els clons conserven totes les característiques del personatge original: si cliqueu un dels clons, a la seva vegada es clonarà.</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTtqIAjTmfqWJvtAxeYx4LMWkY6mzriOR7ZGr2Eqw9YDFhKUiaxFQ4aLdHCYyQWNJO7dH8qWCUBIKHl5KxttKa-GMhyBpC_CF0Bx0W4Ss6IAgO3Y7-eXkGwQT1Ba6g9q9g9mpYpA-OkD3/s1600/2014-05-16+16_48_23-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTtqIAjTmfqWJvtAxeYx4LMWkY6mzriOR7ZGr2Eqw9YDFhKUiaxFQ4aLdHCYyQWNJO7dH8qWCUBIKHl5KxttKa-GMhyBpC_CF0Bx0W4Ss6IAgO3Y7-eXkGwQT1Ba6g9q9g9mpYpA-OkD3/s1600/2014-05-16+16_48_23-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Aquest altre exemple demostra la limitació dels 300 clons. El programa de la esquerra crea un clon, que va dient el seu número. En arribar a 300, la copia s'atura (en realitat, arriba fins a 301; l'original no compta com a clon). En canvi, en el de la dreta, els clons poden ser infinits, ja què, un cop han fet la feina, els suprimim.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlDrCTgzcut-jSq_fuEEnkTLdHy3rk5GMmQlBKPOAuhLSI8Grqgp6MxyoGtI4ZzWfcI9tAM__flVwRwmT7JSOWX8tZfJRtU4UaYGA8mu4Cj-gdFcVsgScbUYDeC1aY8KCf7TP2TAZtukNI/s1600/2014-05-16+17_10_17-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlDrCTgzcut-jSq_fuEEnkTLdHy3rk5GMmQlBKPOAuhLSI8Grqgp6MxyoGtI4ZzWfcI9tAM__flVwRwmT7JSOWX8tZfJRtU4UaYGA8mu4Cj-gdFcVsgScbUYDeC1aY8KCf7TP2TAZtukNI/s1600/2014-05-16+17_10_17-Scratch+Project+Editor+-+Imagine,+Program,+Share.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
En aquest últim exemple, controlarem la posició de cada una de les còpies amb una variable. Després utilitzem la seva posició per tal que en clicar el clon ens digui el seu número; cada clon, per tant, actua de forma diferent. (En el projecte <a href="http://scratch.mit.edu/projects/19295531/#editor" target="_blank">Caixa de ritmes</a>, teniu aquest exemple portat a l'extrem, amb llistes en comptes de variables).</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhI3NMfsCZU85DEaTAn0SDJYQU3EyjCrp04t0s2yfUG2YtY2pMFpZcN1C_HVks2pu3VfDjW8eX5PbLwqX54vBrrLcBOoIOiFvM6oKpLpFKg-Ryy3lLOchrisWjbF2BQHtwvEdWK3wVh2NG/s1600/Selecci%C3%B3_008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhI3NMfsCZU85DEaTAn0SDJYQU3EyjCrp04t0s2yfUG2YtY2pMFpZcN1C_HVks2pu3VfDjW8eX5PbLwqX54vBrrLcBOoIOiFvM6oKpLpFKg-Ryy3lLOchrisWjbF2BQHtwvEdWK3wVh2NG/s1600/Selecci%C3%B3_008.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Molts dels jocs de CrearJocs utilitzen clons: <a href="http://scratch.mit.edu/projects/11334297/#editor" target="_blank">Pillar cuques</a>, <a href="http://scratch.mit.edu/projects/18237697/#editor" target="_blank">Flappy Birds</a>, <a href="http://scratch.mit.edu/projects/22113401/#editor" target="_blank">Invasió d'Asteroides</a>... Pots analitzar-los per veure diferents formes d'utilitzar les còpies.</div>
@PauetChttp://www.blogger.com/profile/15551858131645026889noreply@blogger.com0