💾 Archived View for gamifi.cat › blog › 2016-09-17_BJC_4 › index.html captured on 2023-09-28 at 17:23:37.
⬅️ Previous capture (2023-03-20)
➡️ 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 2: Tres en ratlla - 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 2: Tres en ratlla</h1>
<p class="meta">2016-09-17</p>
<p>Aquà el meu primer tres en ratlla programat amb Snap! Trobo que és un molt bon exercici: com es nota que en saben… Ara, el “hard fun” em porta més de 6 hores a la setmana, eh… La segona part dels experiments del laboratori d’aquesta segona setmana tracta de fer un tres en ralla, que en anglès es diu Tic Tac Toe.</p>
<p><a href="../2016-09-10_BJC/index.html">Continguts del curs BJC</a></p>
<p>En aquest joc tenim un sol objecte que té tres vestits i dues tasques primordials:</p>
<ul>
<li>El bloc “Tic Tac Toe” que dibuixa la graella del joc i és el que porta més feina ja que porta integrats una pila de blocs amb diverses operacions… Tota una aventura aquest nou bloc…</li>
<li>L’ordre que permet jugar fa que un jugador/a pugui moure la “X” on vulgui de l’escenari i que, automà ticament, es generi torn per a un segon jugador/a (i que mogui el “0”).</li>
</ul>
<p><img src="../../img/snap/bjc-tictactoe.png" alt="bjc-tictactoe" /></p>
<h2>Tile and row</h2>
<p>Tal com hem fet amb el quadrat, fem el “tile” o la tesela, o sigui, fem un quadrat repetint 4 vegades moure i girar 90 graus, i li afegim una ranura per triar la mida a voluntat. Fins aquĂ, tot controlat. El bloc es pot dir “draw tile of size X”: jo ho deixo en anglès que si no em lio.</p>
<p>Ara que ja tenim el quadrat en aquest nou bloc, en creem un altre que es pot dir “draw row of X tiles of size X”: aquest bloc ens crearà una fila de quadrats, la programarem per tal de poder triar quants quadrats volem a cada fila i de quina mida els volem (amb dues ranures de nombre).</p>
<h2>Tauler</h2>
<p>Ara crearem el bloc “draw square board with X rows of tiles of size X”. DesprĂ©s dels quadrats i les files, ara toca fer un tauler de debò. Se’ns demana una graella de 3Ă—3 de 100 pĂxels cada quadrat, i centrar-la a l’escenari. I desprĂ©s centrar, al mateix espai, una graella de 9Ă—9, una de 6Ă—6, una de 5Ă—5… TĂ© el seu què: Ă©s per poder dissenyar qualsevol graella (tot i que nomĂ©s necessitem la de 3Ă—3 per al joc). En funciĂł dels quadrats que vulguem per fila, com ocuparĂ el mateix espai centrat, haurĂ de calcular com de gran ha de ser cada quadrat…</p>
<p>El bloc “go to starting place board” farà posicionar l’objecte per a començar a dibuixar la graella a l’escenari. El creem i el posem dins del bloc anterior.</p>
<p>Tot seguit, creem el penúltim bloc: “draw gameboard with X tiles per row”. Amb aquest sol input hem d’aconseguir generar qualsevol tauler centrat a l’escenari en funció del nombre de quadrats que li demanem que dibuixi. Ara bé, com nosaltres fem un tres en ratlla, crearem un últim bloc “Tic Tac Toe” que determini un tauler de 3×3 al iniciar-se el programa.</p>
<h2>Tres en ratlla</h2>
<p>Un cop dibuixat el tauler, apareixerà una X al mig de l’escenari que ens convidarà a jugar. Diu: “Play Tic Tac Toe!” durant dos segons. Podem arrossegar la X amb el ratolà posar-la on vulguem de la pantalla. Quan la deixem anar (que hi ha un bloc que deixa fer això), es queda fixa allà on la deixem (perquè l’hem estampat amb un bloc de llapis “estampa”). Un cop estampada, és el torn del segon jugador, el “0”, aixà que l’objecte canvia de vestit.</p>
<p>De fet, n’ha fet servir tres: el primer és el que porta per defecte i que es diu “tortuga”, el segon vestit és el de la “X” i el tercer el del “0”. Però aquests blocs del canvi de vestit no es veuen a simple vista perquè estan dins del bloc “Tic Tac Toe”.</p>
<p>Si no te’n surts gens gens, aquà deixo el meu “Tic Tac Toe” :)</p>
<p><a href="https://snap.berkeley.edu/snap/snap.html#present:Username=Gamificat&ProjectName=BJC.x12-w02e11-Tic-Tac-Toe">TicTacToe amb Snap!</a></p>
<p><a href="../2016-09-24_BJC_5/index.html">Snap!Lab – Condicions i variables</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>