💾 Archived View for gamifi.cat › blog › 2016-12-08_BJC_7 › index.html captured on 2023-03-20 at 19:27:43.
➡️ Next capture (2024-02-05)
-=-=-=-=-=-=-
<!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>Curs BJC 4: Mur, endevinar nĂşmero i tauler - Gamifica't!</title>
<link rel="stylesheet" href="../../static/style.css">
<link rel="shortcurt icon" type="image/svg" href="../../img/favicon.svg" />
</head>
<body>
<header class="header">
<a href="#main" class="skip">Salt al contingut</a>
<a href="../../" class="logo" ><img src="../../img/logo.svg" width="300" heigh="60" alt="Logo Gamifica't"></a>
<nav class="header-right">
<a href="../">Blog</a>
<a href="../../projectes/">Projectes</a>
<a href="../../glossari/">Glossari</a>
<a href="../../contacte/">Contacte</a>
<a href="../../blog.xml" class="logo" ><img src="../../img/rss.png" width="32" heigh="32" alt="RSS Gamifica't"></a>
</nav>
</header>
<main id="main">
<div class="page">
<div class="blog-post">
<h1>Curs BJC 4: Mur, endevinar nĂşmero i tauler</h1>
<p class="meta">2016-12-08</p>
<p>Estic cursant el MOOC The Beauty and Joy of Computing i està molt i molt bé. Ara, porta temps i esforç: en diuen “hard fun” (diversió dura, diguem). La cosa és que l’he anat fent però hi ha coses que no em surten. I aquà ve el repte de debò: el de no abandonar.</p>
<p>La quarta setmana implica diverses activitats: primer, construir un bloc “max-min” per després dibuixar un mur. Tot plegat, ens servirà per seguir amb el joc del tres en ratlla (Tic Tac Toe) de la segona setmana. A més, crearem un joc d’endevinar el número: “Number guessing game”.</p>
<p><a href="../2016-09-10_BJC/index.html">Continguts del curs BJC</a></p>
<h2>Predicats i lògica</h2>
<p>Els blocs punxeguts són “predicats”. I sempre responen amb un d’aquests valors: cert o fals. I d’aquests blocs se’n diuen “booleans”. Si els cliquem, ens diuen o una cosa o l’altra. En aquesta unitat, el primer que ens fan crear al curs és un nou bloc de “més gran o igual que”.</p>
<p>Snap! (com Scratch) porta per defecte tres blocs de predicat per equivalències entre números. Els trobem a la categoria d’operadors: un de “més gran que”, un altre de “més petit que”, i un altre “igual que”. Aquest darrer, el vam fer servir al projecte del ratpenat volador interactiu per saber si la resposta de l’usuari era igual a la resposta correcta.</p>
<p><img src="../../img/snap/bjc-predicats.png" alt="bjc-predicats" /></p>
<p>En aquest exercici, doncs, creem el nou bloc i comprovem que funciona posant-hi valors diferents. Per crear un bloc de predicat (punxegut), hem d’indicar, al crear-lo, a quina categoria de blocs volem que pertanyi. En aquest cas, a operadors. De nom, li posarem “>=” i crearem dues ranures numèriques per a cada costat dels sĂmbols: un abans del “>” i un altre desprĂ©s del “=”. I ja el tenim! :)</p>
<p>A la tercera setmana, dedicada a predicats i condicionals, ja vam començar a trastejar predicats amb el bloc “mod” per saber si un número era parell o imparell. A dins del bloc, però, haurem d’indicar que reporti una cosa o altra (operador “or”). Una cosa que reportem és que el primer número (a) sigui igual al segon (b); l’altra cosa que reportem, és que el primer número (a) sigui més gran que el segon (b).</p>
<p>Et voilà ! Aquà un nou bloc que ens permet comprovar si un número és igual o major que un altre :) Per exemple, si li preguntem al bloc (posant els valors a les ranures i clicant-l’ho) “És 3 més gran que 5?”. La resposta serà : FALS. Si li preguntem: “És 3 més petit que 5?” La resposta serà : CERT.</p>
<p>Hi ha moltes maneres de definir-lo perquè podrĂem usar condicionals. A mi m’agrada aixĂ i aixĂ el deixo.</p>
<p><img src="../../img/snap/bjc-major-igual.png" alt="bjc-major-igual" /></p>
<p>Després d’aquest bloc de “>=”, se’ns fa crear un altre bloc “max-min”, que és un bloc rodó. Els blocs rodons són “reporters” i això significa que sempre reportaran un valor. Només cal clicar sobre el bloc perquè ens doni aquest valor, que pot ser en nombres o en lletres. El nostre nou bloc “max-min” és “reporter” de la categoria de blocs d’operadors: els verd clar. I ens permet saber quin número és el més gran dels números que hi posem.</p>
<p>Dit d’altra manera, el bloc “max-min” permet posar-hi tres valors. I quan el cliquem, ens indica quin dels tres números és més gran. Després, se’ns fa fer altres malabarismes de lògica amb els operadors.</p>
<h2>Mur de maons</h2>
<p>Per seguir exercitant l’abstracciĂł, en aquest exercici de la quarta setmana hem de dibuixar un mur de maons. Per fer-ho, hem de crear primer els maons en bits ;) A mĂ©s dels maons, tambĂ© fabricarem el morter per tal de fer-los encaixar. Com al mĂłn fĂsic!</p>
<p>La tècnica és la mateixa que pel tres en ratlla: primer creem un maó (brick) o un quadrat (tile) i després repetim les vegades que vulguem per tal posar mida al nostre gust. La dificultat del mur de maons és que hem de crear tres blocs nous: un “RowA” (un maó sencer), un “RowB” (un mig maó pels cantos) i un “mortar”, que és pel morter o separació entre maons.</p>
<p>M’ha agradat molt aquest exercici! :) Jo, que sóc experta en anar picant de cap contra totes les parets que trobo, per fi em puc fer una paret al meu gust.</p>
<p><a href="https://snap.berkeley.edu/project?user=gamificat&project=BJC.x12-w04e04-brick-wall">Mur maons a Snap!</a></p>
<h2>Endevina el nĂşmero</h2>
<p>Un joc de preguntes facilet per començar a programar és el d’endevinar el número. En anglès, “Number Guessing Game”. Programem un objecte per tal que 1) triï un número 2) ens pregunti quin número és i 3) que ens digui quin número era quan l’encertem. Som-hi!</p>
<p>Si ens fixem, s’ha creat un nom bloc d’aparença titulat “Number guessing game”. A dins, s’hi ha posat una variable “secret number” i se li dóna un valor random de l’1 al 10, és a dir, que el número que triï la mà quina serà entre aquests valors. Tot seguit, un bloc de “repeteix fins” (fins que la resposta sigui el número triat, que no sabem, perquè l’ha triat la mà quina a l’atzar). Per construir aquest bloc de predicat que comprova si la resposta és correcta, necessitem un bloc d’operadors “igual que”, el bloc de sensors de la “resposta” i el de variable “número secret”.</p>
<p>Mentre no responguem correctament, s’anirà repetint l’acció de preguntar i esperar. Ara bé, quan responem correctament al número que la mà quina ha pensat, ens diu que “l’hem endevinat. Que el número era… ” I diu quin era. Per construir aquest bloc digues, necessitem un d’operadors que permet unir lletres, números, blocs… També necessitarem el bloc de la variable amb el número secret.</p>
<p><img src="../../img/snap/bjc-number-guessing.png" alt="bjc-number-guessing" /></p>
<p>Ara que tenim la plantilla del joc bà sic, farem algunes millores d’interacció:</p>
<ul>
<li>El nostre objecte ha de donar la benvinguda al jugador/a i demanar-li com se diu. La resposta, amb el nom de la persona, ens servirà pel feedback de la resposta: farem que l’objecte ens digui si el número que hem posat és correcte o no. Cada cop que ho digui, farà servir el nom del jugador/a. Per exemple: “No, Maria, aquest no és el número secret. Prova de nou!” o “Molt bé, Maria, l’has encertat! El número secret era el 3”.</li>
<li>També haurem de fer servir el nom del jugador/a quan la resposta no és correcta. Programarem que el nostre objecte respongui al jugador/a si el número que ha posat és més gran o més petit que el número secret: “No, Maria, el número secret és més gran. Prova de nou!”</li>
<li>De moment, el nostre projecte només tria un número entre 1 i 10. Farem que el jugador/a decideixi quin és el número mà xim, és a dir, de l’1 al 100, 100 serà el mà xim; de l’1 al 500, 500 serà el mà xim. (I aquà reciclarem el bloc “max-min” de l’exercici anterior).</li>
<li>També haurem de crear una nova variable per saber quants intents ha trigat el jugador/a endevinar el número. Quan el jugador/a endevini el número secret, li farem dir a l’objecte el número d’intents.</li>
<li>Finalment, hem d’apel·lar al nom del jugador/a quan el felicitem al encertar el número.</li>
<li>Per posar-hi la guinda, se’ns demana que variem la resposta de l’objecte: si el jugador/a no encerta durant tres vegades, que no digui sempre el mateix. En una ocasió pot dir: “No, Maria, el número secret és més gran. Prova de nou!” i, en una altra ocasió, pot dir: “No, Maria, segueix sent massa gran. Prova un altre número”.</li>
</ul>
<p>El meu joc no és perfecte però funciona: l’únic que no he acabat de polir és això que doni respostes diferents. Fa grà cia posar tot un joc a dins d’un sol bloc :) Aquà el meu “Number guessing game”. Li he fet bloc addicional d’introducció. Mola el bloc de label! No ve per defecte, has d’importar les eines. Clica a la icona del document i selecciona “Import tools”. I, apa, ja el tenim! :)</p>
<h2>Tres en ratlla 2</h2>
<p>Per acabar les prà ctiques d’aquest quarta setmana, hem de recuperar el nostre joc del tres en ratlla de la segona setmana i fer-li algunes millores. I no em surt! Quina frustració, cullera! :_(</p>
<p>Hem d’aconseguir que cada cop que posem l’objecte a un quadrant de la graella, ens digui a quin número de la graella estem. Si la graella fa 3×3, el bloc central serà el cinquè, per exemple. Hem de crear un bloc “which cell?” (quina cel·la?). Per construir-lo, hem de crear-ne dos més abans: un per “which row?” (quina fila?) i un altre per “which column?” (quina columna?).</p>
<p>Entenc el concepte però no sé com implementar-ho a Snap! He suposat que necessito un “For Block” (ja que no sabem de quina mida és el nostre tauler, i suposo que cada (i) és un quadrant de la graella…) però no entenc com vincular la posició x o y amb la cel·la que reporta.</p>
<p>El més frustant de tot és que he demanat ajut al fòrum però m’he quedat igual… En fi, aviam si algun dia el puc acabar: seria molt satisfactori. I segur que és una tonterieta, però m’he bloquejat completament… I tot i que penso en en Papert i la fòbia a les mates que em van fer agafar de peque, no aconsegueixo desbloquejar-me. Tampoc tinc un entorn molt favorable, diguem, aixà que tot bufa en contra, concentració i autoestima incloses.</p>
<p>[Actualització de l’11 de desembre de 2016: M’ha sortit! Grà cies, a en Robert, un instructor del curs. Ara, he suat la cansalada, eh! :) La cosa és que encara no he acabat el joc i el que s’acaba aviat és el curs… Aquà la imatge del bloc “which cell?”. Fi de l’actualització de l’11 de desembre de 2016]</p>
<p><img src="../../img/snap/bjc-which.png" alt="bjc-which" /></p>
<p>En fi, seguim… De seguida pugui, repasso la cinquena setmana: el joc d’endevinar la paraula “Word guessing game” (que no vegis els malabarismes amb els operadors). La sisena setmana tractava de fer un joc nosaltres, un “Fun Project” (projecte divertit): jo vaig fer un penjat en anglès. Guanyes si encertes tres paraules: totes tenen 6 lletres perquè no en sé més… Aquà el joc del penjat: “Hangman Game”, en anglès.</p>
<p><a href="../2016-09-26_BJC_6/index.html">Snap!Lab – Joc del Penjat</a><br />
<a href="../2016-12-09_BJC_8/index.html">Snap!Lab – Endevina la paraula</a></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>