1. Istruzioni grafiche di base

• Funzione setup() e canvas
• Funzione di base
• Inserire commenti
• Struttura delle istruzioni grafiche
• Sintassi delle istruzioni grafiche
• Colore dello sfondo
• Colore dello sfondo: grigi
• Dimensioni dell'area di disegno (canvas)
• Sistema di riferimento spaziale 2D
• Primitive grafiche di base
• Disegnare punti
• Dimensione dei punti e spessore dei contorni
• Disegnare linee
• Disegnare rettangoli (e quadrati)
• Disegnare ellissi (e cerchi)
• Disegnare quadrati e cerchi
• Disegnare archi
• Uso del colore
• Definizione dei colori
• Riempimenti grigi
• Grigi semitrasparenti
• Riempimenti colorati (RGB)
• Colori semitrasparenti
• Disattivazione del riempimento
• Colore dei contorni (dei punti e delle linee)
• Disattivazione del contorno
• Stato degli attributi grafici
• Modelli cromatici alternativi all'RGB
• Modello cromatico HSB (o HSV)
• Modello cromatico HSL
• Modalità di fusione cromatica: blendMode()
• Poligoni irregolari e curve
• Disegnare triangoli
• Disegnare quadrangoli
• Curve di Bézier
• Curve di Bézier con più punti di controllo
• Disegnare curve di Bézier
• Uso grafico delle curve di Bézier
• Uso grafico (animato) delle curve di Bézier
• Disegnare poligoni irregolari
• Disegnare poligoni irregolari con curve
• Uso del testo e dei font
• Visualizzazione del testo
• Allineamento del testo
• Dimensione del testo
• Colore del testo
• Testo multilinea
• Uso di un font esterno