Archivio per la tag 'webservice'

Dinopixel: ottimo strumento per creare grafiche e animazioni in pixel art

Dinopixel è uno strumento basato sul web per creare grafiche e animazioni in pixel art davvero completo e ben fatto.

Le principali funzioni della web app sono le seguenti:

  • creare un’immagine in pixel art da 64×64 pixel a 1024×512
  • disponibilità di griglie già pronte
  • tavolozza di colori completa per ogni pixel art
  • spostare un disegno facilmente in alto, in basso, a sinistra e a destra
  • ritagliare l’immagine prima di scaricarla
  • salvataggio di un disegno per ricaricarlo durante una prossima visita
  • realizzare un’immagine GIF animata con le pixel art create

Dinopixel, inoltre, fornisce una galleria dei lavori degli utenti che possono essere utilizzati, votati e scaricati a piacere.

Tra le altre importanti caratteristiche dell’editor online è possibile ritagliare l’immagine prima di scaricarla in formato PNG in varie risoluzioni.

È possibile inoltre scegliere tra vari tipi di griglie dove disegnare, dalle più semplici alle più complesse, cambiare il colore di sfondo della pixel art, zoomare sul lavoro scegliere i colori dei pixel (anche inserendo i codici esadecimali specifici), cancellare, selezionare il colore dello sfondo.

Le griglie a più densità di pixel offrono la possibilità di realizzare sfondi personalizzati per computer, tablet e smartphone.

L’aspetto più interessante dello strumento, tuttavia, è che si possono realizzare animazioni GIF con i nostri disegni semplicemente salvando una serie di pixel art magari cambiando i colori di un lavoro o applicando piccole modifiche in sequenza. Sotto un esempio di ciò che possiamo realizzare.

Dinopixel è uno strumento gratuito che non richiede registrazione obbligatoria.

Vedi anche: Coding unplugged e Pixel Art: lista di software, applicazioni web, editor online, app per Android e iOS per creare immagini 8-bit

Brush Ninja: una fantastica app per disegnare gif animate personalizzate

Brush Ninja è una fantastica app che consente di disegnare gif animate personalizzate in modo molto semplice ed intuitivo.

Si tratta di un’applicazione gratuita che non richiede la registrazione di un account, che funziona in html e javascript tramite qualsiasi browser web. Si avvierà dunque su pc desktop, notebook, dispositivi mobili senza problemi indipendentemente dal sistema operativo. Al momento è fornita anche un app specifica per MAC.

Brush Ninja ha ricevuto interesse anche da educatori e insegnanti visto che si tratta di uno strumento efficiente e creativo che consente di essere usato anche in progetti di tipo didattico.

Ecco un breve semplicissimo video tutorial che mostra le sue potenzialità:

Le animazioni ottenute con Brush Ninja possono essere condivise facilmente via Twitter e ci sono professori che la hanno usata per stimolare l’impegno degli studenti, la loro creatività e il pensiero critico.

Per farla funzionare basta creare una serie di disegni attraverso il semplice editor grafico e l’app costruirà da sola l’animazione della quale è possibile visualizzare un’anteprima. Essa può essere esportata come GIF oppure si possono salvare i frame di cui è composta come se fossero i singoli disegni a fumetto di un cartone animato.

Ovviamente Brush Ninja dà il meglio di sé tramite dispositivi touch con una stilo e quindi anche tramite la LIM di classe, pertanto può essere usata a scuola senza problemi anche dagli studenti più piccoli per creare animazioni, presentazioni o per spiegare concetti dimostrativi alla lavagna di cui non è necessaria una scrittura dettagliata.

Per la maggior parte degli utenti la versione web è perfetta dal momento che è gratuita e con tutte le funzionalità necessarie. Si tratta di un software libero che non richiede nessuna licenza o hardware specifico: si apre il navigatore internet e funziona senza nemmeno effettuare login.

Non c’è inoltre tracciamento di dati personali o pubblicità, non è dunque necessario preoccuparsi della privacy o delle informazioni personali e quindi è perfetta per un uso scolastico.

La versione mobile funziona molto bene e pertanto può essere usata al meglio anche su su schermi di piccole dimensioni di tablet e smartphone. 

Attraverso le impostazioni si possono scegliere il numero dei frame per secondo, il colore dello sfondo della GIF, l’hashtag del watermark e addirittura il colore dell’editor da utilizzare. Si può anche facilmente scegliere la dimensione del tratto,  l’intensità dei colori con cui disegnare, inserire forme e righe e, naturalmente, cancellare.

Brush Ninja include un motore di ricerca integrato con il quale cercare e selezionare immagini di background e presto sarà aggiunta anche la possibilità di caricare immagini di sfondo personalizzate.

L’app è in continua fase di miglioramento e, sulla base del feedback degli degli insegnanti, Ben Gillbanks, il suo sviluppatore, ha aggiunto anche lo strumento testo.

Brush Ninja, infine, fornisce anche un sistema di scelta rapida degli strumenti tramite comandi della tastiera.

Emoji Builder: web app per creare faccine personalizzate

Emoji Builder è una divertente applicazione web con cui creare facilmente faccine personalizzate per i nostri progetti scolastici, di lavoro o semplicemente di svago.

Si può scegliere una faccia per la nostra emoticon personalizzata, le espressioni degli occhi e della bocca e inserire alcune immagini accessorie, tipo occhiali, aureole, mani, ecc.

Ogni elemento può essere spostato ed adattato tramite il funzionale editor visuale ma si può usare il tasto randomize per creare emoji a caso.

Si possono anche importare grafiche personali da usare nel generatore.

Una volta creata la faccina può essere salvata come immagine PNG 128X128 pixel e usata per i nostri progetti. Ecco alcuni esempi:

 

Lo strumento può essere usato pertanto anche come gioco di svago o come passatempo per divertirsi.

Emoji Builder è un servizio gratuito e di libero utilizzo.

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

 

Generatore di schede didattiche stampabili e attività di recupero in PDF

Antonio Milanese, logopedista presso trainingcognitivo.it, ha ideato e condiviso uno strumento in grado di generare schede ed attività personalizzabili pronte da stampare.

Si possono creare: barrage di lettera, sillaba e condizioni; crucipuzzle, esercizi cerca la sillaba (sequenza di lettere e parole); completamento di doppie; decisioni ortografiche (coppie di lettere).

Tutti i tool sono personalizzabili secondo gradi di difficoltà e  sono studiati principalmente per chi ha ha disturbi di apprendimento o del linguaggio ma possono essere tranquillamente usati per realizzare schede stampabili ed esercizi personalizzati per la didattica tradizionale.

Lo strumento è di libero utilizzo ed è molto semplice da usare: con pochi clic si può costruire ogni sorta di scheda stampabile adatta alle attività di recupero e di classe.

Link

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!


Seguimi:

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

Fanpage

Pixel Art

Pixel Art

Coding

Coding

Ricerche Internet

Blogroll