💾 Archived View for gamifi.cat › blog › 2015-11-24_ap3_entorn › index.html captured on 2024-06-16 at 12:51:18.

View Raw

More Information

⬅️ Previous capture (2024-02-05)

🚧 View Differences

-=-=-=-=-=-=-

<!doctype html>
<html lang="ca">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="keywords" content="blog, cultura lliure, internet, programari lliure, snap, gemini, fediverse, llengua catalana, catala">
<title>Aprendre programando 3. Entorn - 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>Aprendre programando 3. Entorn</h1>
  
  <p class="meta">2015-11-24</p>
  <p>Si la setmana anterior fèiem les primeres passes amb Scratch i creavem un compte, en aquest tercer mòdul veurem el menú, l’escenari i com se situen i es modifiquen els personatges. La propera setmana ens introduirem als blocs bàsics.</p>
<p><a href="../2015-11-14_ap1_algoritmes/index.html">Consulta els continguts del curs</a></p>
<h2>Escenari i menĂş</h2>
<p>L’escenari és l’espai on interactuen els personatges i és allà on es visualitzen, en temps real, els projectes que creem. Cal tenir en compte que l’escenari té 480 pixels d’ample i 360 d’alt. A la part inferior de l’escenari trobem les coordenades del punter, és a dir, que se’ns indica en tot moment la posició X i Y a l’escenari.</p>
<p>Afegir que, per saber les coordenades d’un personatge, és a dir, per saber en quina posició de l’escenari està, només cal 1) clicar el personatge que vulguem, 2) anar a la pestanya Programes (sota l’interrogant del menú) i 3) clicar els blocs de Moviment. Allà trobarem un bloc titulat “Ves a x: (…) y: (…)” que indicarà la ubicació en coordenades a l’escenari.</p>
<p><img src="../../img/scratch/entorn.png" alt="Entorn Scratch" /></p>
<p>A sota de l’escenari de visualització trobem “l’àrea de personatges”, des d’on afegir, dissenyar i programar els nostres personatges i l’escenari. A l’esquerra dels personatges hi ha un requadre amb l’escenari principal representat. Sota d’aquest mini-escenari, trobem 4 botons per a crear un nou escenari.</p>
<p>El primer d’ells, comptant d’esquerra a dreta, ens porta a la galeria d’escenaris predeterminats d’Scratch; el segon, ens permet crear el nostre escenari a l’editor gràfic; el tercer botó permet obrir un arxiu que tinguem a l’ordinador i, el quart i últim botó permet fer una fotografia amb la web cam.</p>
<p>Un dels escenaris que proporciona Scratch de sèrie és aquest que marca les coordenades x i y a l’escenari (de 240 d’ample a 180 d’alt). Molt ràpidament un exemple per a les coordenades: si juguem a un joc d’aquests tipus Space Invaders… Tenim un personatge principal (que controla el jugador) situat a la part inferior de la pantalla i uns altres personatges a la part superior que disparen.</p>
<p><img src="../../img/cs/xy-grid.gif" alt="Eix de coordenades" /></p>
<ul>
<li>Eix x</li>
</ul>
<p>El personatge principal es mou d’esquerra a dreta per la part inferior de la pantalla pero no puja ni baixa, només es mou d’esquerra a dreta, és a dir, en les seves coordenades x (en horitzontal a la nostra vista).</p>
<ul>
<li>Eix y</li>
</ul>
<p>Els personatges que disparen (bé, en aquest cas, més aviat els trets). Els trets, baixen en vertical, és a dir, que usen l’eix y (i no es mouen a l’esquerra o a la dreta sinó de dalt a baix perquè estan programats perquè simulin gravetat. En veritat, però, va disminuïnt la posició y del personatge, de 180 (la part superior de l’escenari) cap a -180 (la part inferior de l’escenari).</p>
<p>A sobre de l’escenari, a més de d’haver-hi l’espai on posar nom al nostre projecte, trobem el menú general:</p>
<ul>
<li>Scratch: el logotip ens porta a la pĂ gina principal.</li>
<li>La bola del món: serveix per a canviar l’idioma. Scratch està traduït a molts idiomes i està disponible en català. Per defecte ve en anglès.</li>
<li>Fitxer: podem crear-ne un de nou, obrir un projecte existent, copiar el que estem creant o guardar-lo, etc.</li>
<li>Edita: permet desfer el projecte, veure l’escenari més petit i mode turbo.</li>
<li>Ajuda: ens obre una finestra al lateral dret per buscar exemples senzills.</li>
<li>Quan a: ens porta a l’explicació de què és Scratch i per què serveix com a eina educativa.</li>
</ul>
<h2>Entorn grĂ fic</h2>
<p>També trobem 5 icones a sobre dels blocs. Serveixen per modificar els objectes directament a l’escenari i per a rebre informació dels blocs:</p>
<ul>
<li>El segell clona els objectes</li>
<li>Les tisores esborren els objectes</li>
<li>Les fletxes enfora augmenten la mida dels objectes</li>
<li>Les flextes endins redueixen la mida dels objectes</li>
<li>L’interrogant informa del funcionament dels blocs. Clicant l’interrogant i després qualsevol dels blocs, ens apareix al lateral dret una finestreta amb un exemple senzill de com utilitzar aquell bloc.</li>
</ul>
<h2>Personatges</h2>
<p>Tan l’escenari com els personatges es poden personalitzar. Podem fer tres coses: agafar dissenys predeterminats per la galeria d’Scratch, importar una imatge (vectorial o png/jpg) o crear els nostres propis amb l’editor. Realment, és un editor molt funcional i intuïtiu.</p>
<p>Cada personatge (o Sprite en anglès) pot tenir diversos vestits, amb el que es pot fer, per exemple, un stop motion. Cada vestit faria de fotograma. Com des de la pestanya de programació podrem mostrar un vestit/aparença/disfressa o altre pel mateix personatge, és recomanable canviar el nom dels personatges (i dels escenaris).</p>
<h2>Exercici i comparticiĂł</h2>
<p>L’exercici de la setmana és d’experimentació amb l’entorn: hem de crear un projecte modificant els vestits dels personatge i l’escenari.</p>
<p>Al compartir el projecte, ens apareix la pantalla que veurà l’usuari. A dalt de l’escenari podrem modificar de nou el títol del projecte i, a la dreta, hi ha tres cosetes destacables:</p>
<ul>
<li><p>Un espai per a les instruccions del projecte. Si és un joc, per exemple, les instruccions haurien de respondre preguntes com: quin és l’objectiu del joc? Què pot fer el personatge i com? Com es puntua?</p>
</li>
<li><p>Un espai per als crèdits i anotacions que vulguem fer. Jo sempre intento posar d’on surten les imatges i sons que no són d’Scratch. Si no ho has fet tu però ho estàs fent servir, què mínim que donar crèdit…</p>
</li>
<li><p>Un espai per a les etiquetes, que sempre seran útils per a cercar el projecte. Només en podem posar tres. Si fem un joc de Pong en català, per exemple, podem posar etiquetes com: joc, pong, català.</p>
</li>
</ul>
<p>Altres opcions que trobem al peu del projecte sĂłn:</p>
<ul>
<li>Desactivar els comentaris per a aquest projecte</li>
<li>Afegir el projecte a un estudi que haguem creat des de “Les meves coses” (clicar al nostre nom d’usuari a dalt a la dreta de la pantalla)</li>
<li>Embedir els projectes, és a dir, exportar-los a través del seu codi per, per exemple, posar-los al nostre blog.</li>
</ul>
<p><img src="../../img/scratch/drscratch_supergeganta.png" alt="Dr. Scratch Supergeganta" /></p>
<h2>Dr. Scratch</h2>
<p>Voldria afegir que, un cop finalitzat un projecte, podem portar-lo al doctor: literalment. Dr. Scratch és una eina (genial, pel meu gust) que permet saber quin nivell de pensament computacional té un projecte d’Scratch. Doneu la benvinguda a l’avaluador més imparcial de la història :)</p>
<p>Haurem d’agafar la URL del projecte, copiar-la i enganxar-la a la pàgina principal de projecte. En un tres i no res, se’ns mostrarà un resultat de projecte (màxim 21 punts). A més, es mostraran puntuacions en paral·lelismes, abstracció, etc. Una eina meravellosament útil i cuinada a foc lent per l’equip de Programamos.</p>
<p><a href="http://drscratch.org/">Dr. Scratch</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>
     &hearts; Fet amb paciència i tecnologies lliures &hearts;
  </footer>
</body>
</html>