Pixel Art Pensiero computazionale Grafica digitale

CodeMOOC compie un anno

codemooc.org

alessandro.bogliolo@uniurb.it

Foto

di A

lfons

ina

Cinz

ia T

roisi

25 gennaio 2017

ConvenzioniDimensione della griglia: 3x3Posizione iniziale: (A,1)

A B C

1

2

3

Risoluzione

Prepariamo il foglio…

Quadretti pieni o vuoti

Spostati a destraA B C

1

2

3

Definiamo le istruzioni…

Colora il quadrettoA B C

1

2

3

Definiamo le istruzioni…

Spostati a destraA B C

1

2

3

Definiamo le istruzioni…

Spostati sottoA B C

1

2

3

Definiamo le istruzioni…

Spostati a sinistraA B C

1

2

3

Definiamo le istruzioni…

A B C

1

2

3

Proviamo a disegnare…

A B C

1

2

3

Proviamo a disegnare…

A B C

1

2

3

Proviamo a disegnare…

A B C

1

2

3

Proviamo a disegnare…

https://studio.code.org/unplugged/unplug3.pdf

A B C

1

2

3

Si può semplificare? ConvenzioniQuadretto successivo

Quando arrivi in fondo alla riga ricomincia dal primo quadretto della riga successiva

A B C

1

2

3

Si può semplificare? Convenzioni

Passa al quadretto successivo

A B C

1

2

3

Si può semplificare? Convenzioni

Colora il quadretto e passa a quello successivo

A B C

1

2

3

Il nuovo codice… Convenzioni

Colora il quadretto e passa a quello successivo

Usiamolo…

Aggiungiamo il colore…

Usiamolo…

Semplifichiamo ancora

55

32 2

Cosa rappresentano?

Sequenza 1: B N B N B 5N 5N B 3N B 2B N 2B

B (bianco) N (nero)

Sequenza 2: 5N N 3B N N 3B N N 3B N 5NSequenza 3: B 3N B B N B N B B 3N B B N B N B B N B N B

Altri punti di vistaProva a far muovere CodyRoby sulla scacchiera per andare a colorare i quadretti

Altri punti di vistaL’artista di Code.org si muove sullo schermo per tracciare disegni riferiti al suo punto di vista

Altri punti di vistaI personaggi di Scratch si portano dietro una penna colorata che possono abbassare per lasciare una traccia quando si spostano

Grafica vettoriale

Bitmap: immagine rappresentata come sequenza dei codici dei colori da assegnare ad ogni pixel

Grafica vettoriale: immagine descritta attraverso la costruzione di forme geometriche

Grafica vettorialeFormato svg (simple vector graphics)

Inkscape