L'Estrella de Nadal

Què us sembla? Els Reis Mags necessiten la nostra ajuda per a trobar l'Estrella de Nadal! Heu de fer-li clic amb al ratolí perquè canviï de color i soni!
Els voleu ajudar? Segur que us ho agrairan mooolt!

El Joc

Veure el joc a la Web d'Scratch

El Vídeo



Com es fa?

Només hem de posar-hi codi a l'estrella:


Què més puc fer?

  • Podeu afegir un missatge nadalenc al fons
  • Decoreu una mica més l'estrella o el fons: un arbre de nadal, un pessebre....
  • Podem canviar el so POP per un altre... Aneu a la pestanya Sons  i exploreu vosaltres mateixos un de més xulo!
  • Podeu posar un marcador, amb una variable. Quedaria així:


Notes metodològiques

Aquest projecte està pensat per a ser un primer acostament a l'Scratch. Treballarem l'editor de dibuixos i les primeres nocions de programació, amb un codi ben senzill.
  • Deixeu que les noies i nois juguin dos o tres minuts amb el joc.
  • Visualitzeu tots junts el vídeo (9 minuts). Podeu aturar-lo si algun alumne té alguna pregunta.
  • Deixeu al projector els blocs ben visibles, i feu notar als alumnes que han de parar atenció als colors dels diferents blocs. Això els ajudarà a localitzar el bloc correcte. 
  • Deixeu que els alumnes vagin a la web d'Sctatch: scratch.mit.edu.
  • Comenceu per dibuixar el cel i l'estrella. Recordeu que és molt més fàcil si activeu l'opció de mapa de bits. Recordeu-los també l'opció de desfés. Deixeu que es facin amb l'editor.
  • Un cop fets els dibuixos, que comencin a programar, i que vagin provant el funcionament cada cop que afegeixin un bloc.
  • Si un alumne acaba, pot ajudar als companys, o bé podeu convidar-lo a millorar el seu projecte amb les propostes del Què més puc fer?
  • Acabeu la sessió fent una passejada per l'aula, de forma que puguin veure els treball dels seus companys.
  • Convideu-los a provar-ho també a casa seva, amb l'ajut dels pares.
Podeu desar alguns dels projectes amb Fitxer>Desa al teu ordinador.


Atrapa Regals per Nadal!

Voleu ajudar als Reis Mags? O al Pare Noel? Han de tenir a punt molts regals per repartir-los a tots els nenes i nenes!!! Amb aquest joc en podreu atrapar molts, i així segur que a ningú li faltarà salut, il·lusió i pau al món, que és el que tots demanem, a més de la PSP5... oi?

El joc


El Vídeo


Com es fa?

Aquí podeu accedir a la Plantilla del Joc... Si teniu usuari d'Scratch, inicieu la sessió i accediu després a la plantilla. Un cop oberta, feu Reinventa per que el joc quedi als vostres projectes.

Aquí teniu els blocs del personatge, sigui el que sigui. Fem servir un sensor de tecla premuda i moviment per coordenades, sumant o restant a l'eix X.
I aquí els blocs dels regals, només amb la variable Punts i utilitzant el missatge Regal per tal de generar recursivitat.

Què més puc fer?

  • Canvia els regals per imatges del les teves joguines preferides.
  • Afegeix un comptador per la vides del personatge. Què passarà quan les vides arribin a 0? A control tens un bloc atura:
  • Millora els efectes sonors, en atrapar els regals o quan aquests arribin a terra. 
  • Posa-hi 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í pots veure una versió més completa del joc, amb alguna de les millores que proposem:


Veure el joc a la web d'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

El vídeo




Com es 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!!!!

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?