Linda Mion – Geometric Typography

> LM – Linda Mion

---

> Codice

//Variabili
let xL = 90; // posizione orizzontale iniziale della L
let xM = 220; // posizione orizzontale iniziale della M

//Setup
function setup() { //Inizializzo la creazione del codice
createCanvas(400, 400); //Creo il frame (400, 400)
}

//Draw
function draw() { //Inizio a disegnare nel frame
background(mouseX, mouseY, 255) // sfondo che cambia colore in base alla posizione del mouse; mouseX controlla il rosso, mouseY il verde, 255 il blu

//Movimento
xL += 2; // velocità dela L per frame
xM += 2; // velocittà della M per frame

// L
fill(255 – mouseX, 255 – mouseY, 150); // Il colore di riempimento è inverso rispetto al movimento del mouse
noStroke(); // senza contorno
// costruzione la L con due rettangoli
rect(xL, 150, 40, 150); // barra verticale
rect(xL, 260, 90, 40); // base orizzontale

// M
fill(mouseX, mouseY, 255); // riempimento che cambia con il movimento del mouse
strokeWeight(35); // spessore
stroke(255 – mouseX, 255 – mouseY, 150); // Il colore di contorno è inverso rispetto al movimento del mouse
strokeCap(SQUARE); // estremità delle linee squadrate

beginShape(); // Disegno la forma della M punto per punto
vertex(xM, 300);
vertex(xM, 165);
vertex(xM + 10, 165);
vertex(xM + 45, 200);
vertex(xM + 80, 165);
vertex(xM + 90, 165);
vertex(xM + 90, 300);
endShape(); // Chiusura della forma

> p5.js