A l'Scratch... no siguis caragat!

Scratch és també una xarxa social: un espai per compartir els nostres programes, seguir a altres usuaris, fer favorits, poder comentar... 

Convideu als vostres alumnes a tenir un perfil ben polit, i a ser bons Scratchers... 







CarnaScratch

Amb els nens i nenes de Cicle Inicial anem fent alguna activitat guiada d'Scratch, que ens permetin iniciar-nos en l'entorn bàsic d'edició: el fons, els personatges, els vestits...

Què millor que fer una festa de disfresses. Aprofitarem les imatges que porta el mateix editor d'Scratch. 

El Joc


 

Veure el projecte a la web d'Scratch

El vídeo


El Programa

També fem els nostres primers programes, en aquest cas un de ben senzill que va canviant el vestit cada cop que cliquem el personatge.


Què més puc fer? 

El joc bàsic el poden programar en una sessió els alumnes més petits. Els més grans poden completar-lo:

  • Animeu el fons.
  • Feu que els personatges parlin.
  • Posem-hi una mica de música.
  • Afegiu més nois o noies a la festa.
  • Proveu d'animar algun dels personatges, i que els vestits els acompanyin.
Vinga... munteu la vostra festa de carnestoltes: El CarnaScratch!

Pica el Tió!

El Tió és un dels personatges més simpàtics del Nadal! Si el cuideu i l'alimenteu molt bé, ens caga regals i llaminadures. A què espereu per a dedicar-li un joc! 

Aquest és un joc creat a partir d'una plantilla que tens aquí.

El Joc



Veure el joc a la web d'Scratch

El Vídeo



Com es fa? 

Aquí teniu el blocs del joc complet, però millor que l'aneu fent seguint el vídeo! Així entendreu què fa cada bloc i perquè els organitzem així. 


El marcador

Segurament és la primera vegada que treballes amb un marcador. Els marcadors són una variable, molt senzilla de gestionar: la posem a 0 a l'inici del joc i l'augmentem en 1 cada cop que es pica el Tió.



Què més puc fer?

  • Crea un missatge nadalenc al principi del joc.
  • Afegeix altres sons, o una nadala com a música de fons. 
  • Ara que saps fer un marcador, t'atreveixes amb un comptador de temps? A la secció de variables en tenim explicat un de ben senzill.
  • 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 el joc a la web d'Scratch


Notes metodològiques

Aquest projecte està pensat per a alumnes que ja han fet abans un primer acostament a l'Scratch. Deixeu que vegin el vídeo i vagin provant de recrear el joc.
  • Deixeu que les noies i nois juguin dos o tres minuts amb el joc. perquè els sigui fàcil entendre després el funcionament dels diferents blocs.
  • Visualitzeu tots junts el vídeo (10 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. 
  • Passeu als alumnes la plantilla del joc: https://scratch.mit.edu/projects/194421263/ . La podeu enviar per correu, accedir desde la web d'aula o de youtube (a la descripció del vídeo).
  • Un cop comencin a programar, que vagin provant el funcionament cada cop que afegeixin un nou 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.

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.