Archivio per la tag 'disegno'

piCSSel-art: applicazione web per disegnare figure in pixel art in codice CSS

piCSSel-art è una interessante applicazione web che permette di disegnare figure  in pixel art e che converte automaticamente il lavoro in fogli di stile CSS, vale a dire (detto alla buona) nel linguaggio di programmazione che consente di modificare la grafica e la formattazione dei siti e della pagine web.

Si tratta di un esperimento di Kushagra Gour che può essere usato per generare grafiche personali da usare nei nostri progetti di coding e coding unpluigged.

Il servizio è molto completo e sono disponibili varie funzioni di personalizzazione: decidere la dimensione della griglia (numero dei pixel in orizzontale e verticale), decidere la dimensione dei pixel, correggere gli errori e ripulire, mostrare o nascondere la griglia, selezionare e salvare i colori da una palette (con il relativo codice esadecimale) e, ovviamente, salvare anche il codice HTML e CSS generato dal disegno.

Le immagini create possono essere salvate invece solo tramite uno screenshot.

Si tratta in buona sostanza di uno strumento interessante che, oltre a creare grafiche in pixel art, permette di far conoscere come funziona la grafica digitale associata ai linguaggi di programmazione tipici dello sviluppo di siti e pagine web.

piCSSel-art è un tool a codice aperto realizzato sotto licenza del celeberrimo MIT, è gratuito e non richiede registrazione.

Vedi anche la lista di software, applicazioni web, editor online, app per Android e iOS per creare immagini 8-bit

 

DIY, coding unplugged e pixel art: un semplice portachiavi a forma di cuore per la Festa della Mamma fatto con le perline Pyssla

Il Maestro Alberto propone una semplicissima attività DIY (fai da te) di conding unplugged e pixel art dedicata alla Festa della Mamma: un portachiavi a forma di cuore realizzato con le perline Pyssla.

Occorrente:

  • perline stirabili Pyssla, Hama o simili
  • piastre per le perline
  • ferro da stiro
  • carta da forno
  • pezzetti di catena piccola
  • anelli di acciaio
  • scheda per realizzare il cuore in pixel art 

Innanzitutto realizziamo il cuore.

Il disegno è composto da 3 colori solamente, incluso il bianco dello sfondo, che possono essere personalizzati a piacere in base ai gusti personali.

La figura è sviluppata in una griglia 6X7 ed è formata pertanto solo da 42 pixel.

Sotto si possono prelevare le schede in PDF con le griglie e il codice pronto.

A questo punto realizziamo il cuore con le perline e lo stiriamo per fissarlo appoggiandoci sopra la carta da forno per evitare che la plastica si attacchi al ferro rovente.

Una volta fissato aggiungeremo un anello all’interno della perlina centrale come da foto, la catena e l’altro anello per ottenere il ciondolo.

Si può anche collegare la catena senza anello al cuore durante la fase di stiratura ma è necessario essere precisi e il lavoro potrebbe risultare un po’ più difficile.

Considerata la semplicità del lavoretto se ne può fare più di uno variando sui colori e fissare i cuoricini sullo stesso anello o su un’altra catenina.

Questa tecnica per realizzare ciondoli vale ovviamente per altri lavori in pixel art da realizzare con le perline stirabili.

Si tratta di un lavoretto facile, adatto a tutte le classi di scuola primaria, ma che potrebbe essere preso a modello anche per divertirsi in famiglia a casa con un passatempo creativo ed istruttivo.

Ecco alcune foto dei lavori svolti in classe:

Coding Unplugged e Pixel Art: la scheda di Pasqua del pulcino che rompe l’uovo e dell’anatroccolo

Il Maestro Alberto propone un’attività di condingunplugged e pixel art dedicata alla Pasqua: la scheda del pulcino che rompe l’uovo.

Si tratta di un quadro che comprende anche un anatroccolo su uno sfondo primaverile.

L’immagine è sviluppata in una griglia da 18X30 ed è formata pertanto da 540 pixel.

Il disegno è composto da da 6 colori che possono essere personalizzati a piacere nelle tonalità a seconda dei gusti personali. L’azzurro del cielo potrebbe essere sostituito dal bianco per facilitare lo svolgimento.

Ideale per un lavoretto di Pasqua delle classi di scuola primaria, ma anche per divertirsi in famiglia a casa con un passatempo creativo ed istruttivo

Sotto si possono prelevare le schede in PDF con le griglie e il codice pronti.

L’immagine è valida anche per un biglietto di auguri, per comporre un addobbo, per formare un cartellone o come schema per realizzare composizioni con le Pyssla e con le perline Hama.

Fare musica usando il coding e la pixel art con un’applicazione web

Ho recensito nell’altro mio blog maestroalberto.it un’applicazione web che serve a creare musica direttamente online tramite browser (link alla recensione).

L’app si chiama Chrome Music Lab Song Maker e consente di programmare sequenze di suoni attraverso alcuni strumenti musicali.

Si usa con le dita su dispositivi touch come smartphone, tablet, computer portatili e LIM di classe ma si può usare anche con il mouse e la tastiera del computer.

In pratica si “disegna” una sequenza di note ed essa sarà eseguita dai vari strumenti.

Dal momento che la sua interfaccia grafica è simile a un reticolo di quadratini come quelli che usiamo per progetti di coding unplugged e pixel art, ho pensato di utilizzare Music Maker proprio per far “suonare” disegni e scritte personalizzate in pixel art.

Si può partire per esempio con una scritta e farla riprodurre dallo strumento. In classe i bambini scrivono alla LIM il loro nome con le lettere in pixel art e otterranno il codice sonoro della scritta.

Ecco alcuni esempi:

Alice

Diego

Ovviamente le canzoni ottenute sono un po’ monotone, ma poco conta perché in fin dei conti si tratta di un’attività divertente e creativa.

Tuttavia si può anche disegnare in pixel art e ricavare il “coding sonoro” delle sequenze audio. Ecco un paio di esempi di disegni:

bambini burattini

faccine smiley

Insomma, basta lasciare a briglie sciolte la nostra fantasia e provare a strutturare piccoli e grandi progetti.

Song Maker è uno strumento gratuito che non richiede alcuna registrazione.

Le lettere in pixel possono essere prese dalla Maestra Marta qui.

Buon divertimento!

Coding e Pixel Art: la scheda e il biglietto di auguri per la Festa del Papà a forma di cuore con i baffi

Il Maestro Alberto propone un’attività di conding unplugged e pixel art dedicata alla Festa del Papà: la scheda e il biglietto di auguri da regalare al papà a forma di cuore con i baffi!

Sono partito da un disegno in pixel art a forma di cuore con cui ho realizzato uno smiley, una specie di faccina al cui interno ho disegnato gli occhi anch’essi a forma di cuore e due bei baffoni.

L’immagine è sviluppata in una griglia da 21X21 ed è composta quindi da 441 pixel.

Il disegno è formato da 4 colori, bianco incluso, che possono essere personalizzati o cambiati a piacere a seconda dei gusti personali.

Ho pensato di realizzare delle schede classiche con le griglie e il codice, ma anche dei modelli per un biglietto di carta già pronto o da colorare, da stampare e ritagliare.

Ecco come risultano le due facciate esterne da ripiegare, dove sulla sinistra si può inserire il codice.

L’interno può essere personalizzato con una scritta come questa per esempio.

Sotto ci sono tutti i file in PDF del biglietto da scaricare:

E quelli della scheda classica:

Ideale per un lavoretto per la festa de papà delle classi di scuola primaria, ma anche per divertirsi in famiglia a casa con un passatempo creativo ed istruttivo.

Ecco le foto dei biglietti svolti:

L’immagine principale è buona anche come schema per realizzare composizioni con le Pyssla e con le perline Hama.

Storytelling di Carnevale con Ozobot e Gianni Rodari

Per chi ha intenzione di introdurre nella didattica attività di coding e di robotica educativa nelle classi della scuola primaria e non solo, sicuramente il mini robot Ozobot si presta alla perfezione, in particolare per lo storytelling e il digital storytelling, ossia la narrazione realizzata con strumenti digitali.

Per i bambini si tratta di lavori accattivanti e motivanti, che aiutano a mantenere alta l’attenzione e che permettono sopratutto di focalizzare i punti chiave di un racconto o di una storia in modo intuitivo, creativo e gratificante.

Questo breve ma divertente percorso di storytelling esemplificativo dedicato al Carnevale può essere usato, se volete, come modello per altre attività, anche più complesse e strutturate, liberando la fantasia della classe, intesa come gruppo allievi-docenti, rovesciando e capovolgendo i ruoli.

Ho iniziato presentando le maschere di Carnevale tradizionali italiane utilizzando quelle in pixel art da noi realizzate e ci abbiamo lavorato sopra in modo che i bambini conoscessero le caratteristiche di quelle principali.

Per fare ciò ho usato alcune delle mie maschere di Carnevale in Pixel Art che avevamo già disegnato in classe.

Poi abbiamo copiato sul quaderno la celeberrima poesia di Gianni Rodari Il gioco dei sé, il cui testo riporto qui sotto:

Se comandasse Arlecchino
il cielo sai come lo vuole?
A toppe di cento colori
cucite con un raggio di sole.

Se Gianduia diventasse
ministro dello Stato,
farebbe le case di zucchero
con le porte di cioccolato.

Se comandasse Pulcinella
la legge sarebbe questa:
a chi ha brutti pensieri
sia data una nuova testa.

I bambini hanno facilmente individuato i personaggi e gli elementi chiave di ciascuno:

  • Arlecchino – cielo colorato
  • Gianduia – case di zucchero con la porta di cioccolato
  • Pulcinella – legge strampalata

Successivamente ho mostrato alla LIM un possibile percorso di stoytelling come quello che avrebbero dovuto inventare loro con Ozobot (vedi sopra).

Infine ho fornito gli ozocode, ossia l’elenco dei codici da disegnare per far svolgere azioni al robot Ozobot Evo, e alcune mini stampe delle maschere di Arlecchino, Gianduia e Pulcinella da incollare in un foglio bianco su cui realizzare il loro tracciato personale, utilizzando le immagini, disegnando a piacere il tragitto dell’Ozobot, i codici e i “desideri” delle tre maschere della poesia.

Abbiamo deciso anche di disegnare i codici usati vicino alle righe del testo scritto e ci siamo divertiti un sacco!

Il video sopra mostra il risultato dei nostri lavori e di sicuro torneremo a realizzare attività di storytelling con i nostri fantastici Ozobot!

Seguimi:


Ricerche Internet

Fanpage

Web 2.0 e Scuola

maestroalberto 2.0 maestroalberto.it
Se cerchi notizie sui social, la didattica digitale e il Web 2.0 clicca sul bottone sopra