L1. Grafica vettoriale

Canvas e primitive grafiche di base

Colore dello sfondo: grigi
codici\colore-sfondo-grigi
Dimensioni dell’area di disegno (canvas)
codici\dimensioni-canvas
Sistema di riferimento spaziale 2D
nozioni\sistema-riferimento-2d
Disegnare punti
codici\disegno-punti
Disegnare linee
codici\disegno-linee
Disegnare rettangoli (e quadrati)
codici\disegno-rettangoli
Disegnare ellissi (e cerchi)
codici\disegno-ellissi
Disegnare quadrati e cerchi
codici\disegno-quadrati-cerchi

Poligoni irregolari e curve

Indicazione degli angoli
nozioni\indicazione-angoli
Disegnare archi
codici\disegno-archi
Disegnare triangoli
codici\disegno-triangoli
Disegnare quadrangoli
codici\disegno-quadrangoli
Curve di Bézier
nozioni\curve-bezier
Curve di Bézier con più punti di controllo
nozioni\curve-bezier-punti-controllo
Disegnare curve di Bézier
codici\disegno-curve-bezier
Uso grafico delle curve di Bézier
estesie\uso-grafico-curve-bezier
Uso grafico (animato) delle curve di Bézier
estesie\uso-grafico-curve-bezier-2
Disegnare poligoni irregolari con curve
codici\disegno-poligoni-curve

Attributi grafici

Attributi grafici
nozioni\attributi-grafici
Spessore dei contorni (e dei punti)
codici\spessore-contorni
Disegno delle estremità e degli angoli
codici\attributi-estremita-angoli-linee
Riempimenti grigi
codici\riempimenti-grigi
Grigi semitrasparenti
codici\riempimenti-grigi-alfa
Disattivazione del riempimento
codici\disattivazione-riempimento
Contorni grigi e semitrasparenti
codici\contorni-grigi-alfa
Disattivazione del contorno
codici\disattivazione-contorno
Fusione cromatica: ad es. inversione
codici\fusione-cromatica-es-inversione

Trasformazioni e ripetizioni

Traslazione delle coordinate: translate()
codici\traslazione-coordinate
Variazione di scala delle coordinate: scale()
codici\variazione-scala-coordinate
Rotazione delle coordinate: rotate()
codici\rotazione-coordinate
Somma e reset delle trasformazioni
codici\somma-reset-trasformazioni
Trasformazioni temporanee
codici\trasformazioni-temporanee
Ripetizione di trasformazioni
codici\ripetizione-trasformazioni
Uso di for annidati
codici\uso-for-annidati
Trasformazioni con for annidati
codici\trasformazioni-for-annidati
Animare con la variabile di sistema frameCount
codici\variabile-sistema-framecount
Trasformazioni animate con for annidati
codici\trasformazioni-animate-for-annidati
Uso di frameCount con l’operatore %
codici\uso-framecount-modulo
Animare con le oscillazioni sinusoidali
codici\oscillazione-parametri-sin
Oscillazioni sinusoidali con for annidati
codici\oscillazioni-sinusoidali-for-annidati