Atrapavirus (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.

En accedir al joc, hem de permetre la càmera (allow).



Veure el joc a la web d'Scratch



Pots personalitzar el teu joc, amb un altre personatge: una pilota, una papallona... el que tu vulguis.

Millora el joc:
  • Afegeix efectes sonors
  • Crear un cronòmetre amb compte enrere
  • Millora els efectes gràfics

Atrapa la mascareta

Un senzill, però molt vistós, molt adient per aquests temps que corren... 


En el vídeo ho teniu tot explicat.



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...

Podeu millorar-lo afegint:
  • música de fons
  • efectes gràfics
  • efectes sonors
  • contador de temps
Vinga, a què espereu per a fer el vostre joc?

Diàlegs

Els 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.


Però si volem afegir moviments, canvis de vestits o d'escenaris, necessitarem una mica més de codi. 


É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:
  • Inicialitzar els personatges, és a dir, definir on i com estaran al principi de la història.
  • Portar un comptatge dels temps de cada personatge.
  • Introduir els missatges (broadcast).
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.

Gaudiu explicant històries!!!

Càrrega automàtica de projectes

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 autostart=true, de forma que es comencin a reproduir automàticament un cop carregats.

Així, la URL bàsica per carregar un projecte seria (NumProjecte és el número del projecte): 

https://scratch.mit.edu/projects/embed/NumProjecte/?autostart=true

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ó.

Un cop aconseguit això, barregem-ho amb una mica de JavaScript i HTML i tindrem un autoscratch!

<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>

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...

Aquí podeu veure un exemple en funcionament!

Ideal per a jornades i presentacions, portes obertes, web's d'aula... se t'acut alguna altra utilitat? Comenta-la! #ForçaScratch

Edito: 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.

Menja't la mona!

Ja tenim aquí la Pasqua! Que us semblaria crear un joc sobre la mona? Aquí el podeu veure en funcionament!




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à.

A l'escola, hem partit una plantilla, en la que els alumnes tenen una mona sense pintar, però si voleu, els podeu deixar que la dibuixin ells.



El programa bàsic és força senzill i admet moltes millores i formats... aquí teniu un exemple que crec que no cal explicar.


Podeu fer-ne moltes millores:
  • Crear un fons personalitzat, amb unes lletres ben xules que diguin Bona Pasqua!
  • Afegir música de fons
  • Millorar l'efecte en menjar-se la mona
  • Afegir un marcador
Vinga, animeu-vos a fer mones i a menjar-les! Ummm!

Spinner

Si hi ha un joc de moda a les escoles ara mateix és l'Spinner... 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.

Per realitzar el projecte bàsic necessitem un Spinner. Jo us he preparat una plantilla amb el personatge ja creat. 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 centre de rotació.

Un cop a la plantilla, creeu una variable, que podem anomenar Velocitat del gir.


Els blocs a programar són ben senzills...

 
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.

Podeu millorar el vostre Spinner:
  • Afegeix un sistema per canviar el color.
  • Afegeix música o efectes sonors. Podries fer que l'efecte sonor canvïi també segons la velocitat?
  • Canvia els colors del teu Spinner.
  • Podriem fer que l'spinner, a més de girar, es pogués moure?
  • 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ç?
Si voleu, aquí teniu un estudi on penjar les vostres creacions:


Vinga.... tothom a girar!!!

Roda de fira (Noria) amb WeDo

Us presento una noria (que en català n'hem de dir roda de fira o sínia) creada amb LEGO WeDo. Per a la creació de la noria, m'he inspirat en un projecte de Trastea, en concret aquest

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 




La programació es pot realitzar directament en Scratch 2.0 (tant online com offline), ja que porta directament el connector de wedo.

Aquí podeu veure el projecte a l'Scratch.


A poc de veure el vídeo, la gent del Pallerola em fan arribar aquest Tweet... Com podeu veure, la canalla ha fet créixer el projecte...




I vosaltres, us atreviu?

Targes temàtiques en català

A Scratchcatalà han publicat les targes temàtiques d'Scratch, traduïdes al català i en format PDF. Aquestes targes provenen dels tutorials Pas a pas 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.
A diferència de les targes tradicionals d'Scratch que eren com petites píndoles d'un sol full, aquests projectes requereixen d'un seguit d'accions pas a pas, així que cada tutorial està compost de diverses targes. Aquí teniu un exemple:



Han estat traduïdes per l'Eulàlia 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ó.

Les hem afegit també a pàgina de Documentació i recursos.

Moltes gràcies a @scratchcatala i a @eulaliacanet! Força Scratch!

Joc de les boles de Nadal

Com 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.

El joc

Veure el Joc a la Web d'Scratch

Com és fa?

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:
  • Creeu un personatge dibuixant un cercle i omplint-lo de color.
  • Afegiu-li el següent programa, per fer que la bola aparegui i desaparegui.

  • Necessitarem un marcador pels punts, així que anem a Dades i crearem una variable per a tots els personatges que es digui Punts.
  
  • Ara podem acabar el programa de la bola.

  • 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.

       
  • 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).

Què més puc fer?

  • Pots afegir una estrella que quan es cliqui valgui 10 punts.
  • Crea uns regals que apareguin a peu de l'arbre, un missatge nadalenc, un Pare Noel...
  • Afegeix altres sons, o una nadala com a música de fons. 
  • Pots afegir un efecte neu, passant el personatge floc de neu a la motxilla i integrant-lo al teu projecte.
Aquí tens un exemple de joc més complert:

 
Veure l'exemple a la web d'scratch
 

Notes metodològiques

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.

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.

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é!

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'estudi del Joc de les Boles de Nadal, per si voleu afegir les vostres!
 
BON NADAL I #FORÇASCRATCH!!!!

Simon

El Simon é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 notes i tempo. 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.

El joc

Veure Simon a la web d'scratch

Com es fa?


Què necessites?

A banda de altres elements comuns de programació, necessitarem:
  • Els 4 botons. Cada un d'ells reaccionarà tant al missatge enviat per la seqüència com a l'esdeveniment de ser premut per l'usuari.
  • Una llista 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 la llargada de la llista, per saber quan hem d'afegir nous elements.
  • Una variable que ens faci d'índex, que indicarà amb quin element de la llista estem treballant en aquell moment.



L'enviament de missatges té aquí un ús especial, ja que no enviem missatges fixes, si no l'element corresponent de la llista, indicat per l'índex.

Què més puc fer?

  • Pots augmentar la quantitat de botons a 5 o 6.
  • Pots variar els intervals musicals o les notes per formar una altre arpegi (major, menor, disminuït...) dels botons.
  • Afegeix una presentació al joc.
  • Afegeix un marcador que indiqui el nivell en el que estem (atenció... no és l'índex!).
  • Fes una versió amb sons d'animals, de diferents instruments musicals, etc...
  • Fes una versió per repassar els colors en anglès o en francès.
  • Fes una versió per a MakeyMakey o per a Arduino Esplora o altre controlador arduino.


Un cop hagis acabat el joc, no t'oblidis de compartir-lo i afegir-lo a l'estudi de Simon. Allà pots veure altres exemples, agafar idees i comentar-los.