💾 Archived View for gamifi.cat › blog › 2015-12-09_uocscratch_5 › index.html captured on 2024-05-26 at 15:10:55.
⬅️ Previous capture (2024-02-05)
➡️ Next capture (2024-06-16)
-=-=-=-=-=-=-
<!doctype html> <html lang="ca"> <head> <meta charset="utf-8"> <meta name="keywords" content="blog, cultura lliure, internet, programari lliure, snap, gemini, fediverse, llengua catalana, catala"> <title>UOCscratch 5. InteracciĂł i mĂłn fĂsic - Gamifica't!</title> <link rel="stylesheet" href="../../static/style.css"> <link rel="shortcurt icon" type="image/svg" href="../../img/favicon.svg"> </head> <body> <header class="header"> <a href="#main" class="skip">Salt al contingut</a> <a href="../../" class="logo" ><img src="../../img/logo.svg" width="300" alt="Logo Gamifica't"></a> <nav class="header-right"> <a href="../">Blog</a> <a href="../../projectes/">Projectes</a> <a href="../../glossari/">Glossari</a> <a href="../../contacte/">Contacte</a> <a href="../../blog.xml" class="logo" ><img src="../../img/rss.png" width="32" alt="RSS Gamifica't"></a> </nav> </header> <main id="main"> <div class="page"> <div class="blog-post"> <h1>UOCscratch 5. InteracciĂł i mĂłn fĂsic</h1> <p class="meta">2015-12-09</p> <p>Aquesta Ă©s la cinquena i Ăşltima setmana d’aquest curs d’introducciĂł a la programaciĂł amb Scratch impartit per la UOC. Aquesta darrera setmana tocarem el tema sensors per tal de fer projectes enfocats a la interacciĂł amb l’usuari o altres objectes. Es posen exemples de proyectes d’Scratch que permeten fer Ăşs de la cĂ mera, del micròfon i d’extensions que permeten programar robots, per exemple.</p> <p>En aquesta darrera sessiĂł, se’ns parla de la relaciĂł d’Scratch amb el mĂłn fĂsic. A travĂ©s de certs blocs de la categoria “sensors”, es pot activar la cĂ mera de l’ordinador, detectar oscil·lacions del volum del micròfon i, fins i tot, el moviment dels objectes de la pantalla.</p> <p>Es presenten diversos projectes interactius: dos per a treballar la interacciĂł amb l’usuari fent Ăşs dels blocs de sensors d’Scratch relacionats (volum del micròfon); i dos mĂ©s que mostren hardware programable que permet fer mĂşsica, donar instruccions a robots, etc.</p> <p><a href="../2015-11-06_uocscratch_1/index.html">Consulta els continguts del curs</a></p> <h2>InteracciĂł amb el micròfon</h2> <ul> <li><p>Bufa les espelmes. Al primer projecte que se’ns presenta Ă©s un pastĂs d’aniversari amb les espelmetes enceses. El petit programa que l’acompanya, detecta el volum del micròfon. Si el volum es mĂ©s alt del valor indicat, el pastĂs canvia d’aparença saltant a l’altre vestit de l’objecte pastĂs. I aixĂ, fa l’efecte que bufem les espelmes!</p> </li> <li><p>Infla el globus. El segon projecte, que es mostra al mateix vĂdeo va sobre bufar un globus perquè es vagi fent mĂ©s gros. Per fer-ho, cal programar, com s’ha fet amb el pastĂs, que superant un valor de volum indicat, el globus canvĂŻi la seva mida, Ă©s a dir, que comenci amb una mida determinada i la vagi augmentant progressivament.</p> </li> </ul> <h2>InteracciĂł amb el maquinari</h2> <ul> <li><p>Makey Makey Ă©s una placa de hardware que permet convertir qualsevol cosa en un teclat: el propi cos, aliments, objectes, etc. Al vĂdeo se’ns mostra com vincular un projecte d’Scratch a una placa Makey Makey.</p> </li> <li><p>Lego Wedo Ă©s un sistema basat en blocs de lego que es connecta a Scratch a travĂ©s d’una extensiĂł, un conjunt de blocs especĂfics. A “MĂ©s blocs” es pot afegir l’opciĂł per trastejar el Wedo des d’Scratch. Incorpora sensors d’inclinaciĂł, motoret, etc. Es mostra una roda de fira (noria) que es controla amb un projecte Scratch.</p> </li> </ul> <p>No es parla d’Arduino però amb Arduino tambĂ© es pot trastejar amb el mĂłn fĂsic. El software, però, per trastejar Arduino des d’Scratch serĂ S4A, Scratch for Arduino. Tampoc es parla de les Raspberry Pi, que tambĂ© Ă©s una placa que permet mil coses. A mi m’han comentat que Ă©s millor (per versĂ til) que Arduino però jo encara no hi entenc prou…</p> <h2>Projecte personal, videojoc (opciĂł 1)</h2> <p>Per acabar el curs hem de finalitzar d’entregar el projecte personal que vam definir la tercera setmana del curs. El meu Baby Foodie 2 estĂ finalitzat! Però hi he fet alguns canvis:</p> <ul> <li><p>Al final no he estipulat 90 segons de joc. Simplement es va jugant i es guanya si s’aconsegueix les racions i es perd si s’esgoten les vides.</p> </li> <li><p>M’he carregat la mol·lècula de carboni. Hi ha força Ătems i no Ă©s necessĂ ria. Com a vides extra he deixat l’activitat fĂsica (pilota) i la hidrataciĂł (aigua).</p> </li> <li><p>M’he carregat la presentaciĂł. Simplement he posat tĂtol i botonet per iniciar el joc. Si bĂ© les instruccions estan detallades al projecte, potser en una segona versiĂł afegeixo alguna pantalla explicativa.</p> </li> <li><p>És millor jugar dues persones… Tot i que nomĂ©s juga un pròpiament, Ă©s a dir, que nomĂ©s una persona toca les fletxes per moure el Baby, a base de testers, ens hem adonat que Ă©s força difĂcil visualitzar quines racions et falten mentre vas jugant. La velocitat va augmentant i vas tot boig esquivant xuxes…com per mirar el marcador!…Però Ă©s força divertit que, mentre una persona juga, l’altre li va cantant les racions que li falten per completar el joc.</p> </li> </ul> <p><a href="../2015-11-22_uocscratch_videojoc/index.html">baby foodie 2</a></p> <p>Tal com comentava al post de la descripciĂł del projecte, per tal d’estalviar-me una mica de feina, he agafat en prĂ©stec algunes imatges. Els crèdits de tots els elements del joc, mĂşsica inclosa, sĂłn a les notes i crèdits del projecte a Scratch. Meus sĂłn: el pa, el raĂŻm, el matĂł, el pernil, la hidrataciĂł i el cartell. La majoria de coses les faig a l’editor d’Scratch, que Ă©s la canya.</p> <p>El que no puc trastejar, com les tipografies que donen problemes en vector, ho canvio amb Inkscape. Recomano moooolt que els Ătems del joc siguin vectorials…sinĂł es veu molt pixel·lat i fa lleig...De fet el Baby es veu bastant pixel·lat, trobo, però Ă©s que Ă©s molt mono i no el vull canviar…</p> <p>Em vaig trencar molt l’olla per tal d’establir les racions i la caiguda dels aliments. Al crear un joc ens adonem de com de necessĂ ries sĂłn les mates i els “tempos” humans ;) Hi ha un “pitote” de variables que funciona bĂ© però no sĂ© si s’entĂ©n…Ho he intentat explicar als comentaris del projecte…Ho anava a explicar aquĂ tambĂ© però no vull fer badallar el personal…Si algĂş m’ho demana, detallo com s’estipulen les racions i com cauen/apareixen els aliments en funciĂł de les variables Nivell i Temps.</p> <p>Ha estat molt divertit avaluar els projectes dels companys. De fet, de tres que n’havia de corregir, un no havia estat finalitzat per qĂĽestions de temps i els altres dos eren laberints amb gats, rates i formatges. Molt divertits, per cert. Pel fòrum del curs tambĂ© he descobert un projecte relacionat amb la història de les esposes d’Enric VIII que m’ha deixat bocabadada! :)</p> <h2>Dr Scratch i comiat</h2> <p>Ahh! Per cert, he passat el projecte del Baby Foodie 2 pel Dr. Scratch i estic mooolt contenta!! Un 19/21. M’agradaria millorar-lo per depurar el codi però no me’n surto massa encara…I l’eina estĂ en fase beta i encara falta millorar-hi cosetes…L’altre dia, sense anar mĂ©s lluny, vam detectar que hi havia mandanguetes per resoldre als clons…Però m’encanta que l’equip de Dr. Scratch m’hagi convidat a formar part d’un comitĂ© per a millorar l’eina. Kaizen Power!</p> <p>Molt contenta d’haver fet el curs. L’única “espinita” que tinc Ă©s que em vaig despistar en l’avaluaciĂł dels projectes personals i se’m va passar la data. Quina llĂ stima que es tanquin les dates… Jo les deixaria fins a l’última setmana, almenys…AixĂ potser hi ha mĂ©s gent que presenta projectes i avalua. Ha donat la sensaciĂł de trobar-nos 4 corregint-nos entre nosaltres…De fet, al primer Arkanoid (si no recordo malament) em vaig corregir a mi mateixa… I curiosament, em vaig puntuar pitjor del que em van puntuar els meus peers.</p> <p>Això sĂ, grĂ cies UOC per facilitar que tothom pugui interactuar i compartir els seus projectes.</p> </div> </div> </main> <footer> Internets duals: gemini://gamifi.cat<br> <a href="../../llicencies/">Diverses llicències</a> / <a href="../../kukis/">PolĂtica de Kukis</a><br> ♥ Fet amb paciència i tecnologies lliures ♥ </footer> </body> </html>