Geometric Typography

Geometric Typography “ms” in movimento

let posX = 30; // variabili x “m”
let posX2 = 40;
let posX3 = 35;
let posX4 = 55;
let posX5 = 85;
let posX6 = 80;
let posX7 = 130;
let posX8 = 125;
let posY1 = 150; // variabili y “s”
let posY2 = 165;
let posY3 = 190;
let posY4 = 205;
let posY5 = 235;
let posY6 = 230;

function setup() {
createCanvas(400, 400); // canvas
background(0); // sfondo nero
fill(255, 90); // colore bianco rettangoli
stroke(255, 0); // bordo rettangoli
}

function draw() {
background(0); // sfondo
rect(posX, 150, 25, 15); // creazione lettera “m”
rect(posX2, 165, 15, 70);
rect(posX3, 235, 25, 15);
rect(posX4, 165, 90, 15);
rect(posX5, 180, 15, 55);
rect(posX6, 235, 25, 15);
rect(posX7, 180, 15, 55);
rect(posX8, 235, 25, 15);
posX++; // movimento lettera “m”
posX2++;
posX3++;
posX4++;
posX5++;
posX6++;
posX7++;
posX8++;
rect(222, posY1, 15, 20); // creazione lettera “s”
rect(157, posY1, 65, 15);
rect(157, posY2, 15, 40);
rect(172, posY3, 65, 15);
rect(222, posY4, 15, 45);
rect(172, posY5, 50, 15);
rect(157, posY6, 15, 20);
posY1++; // movimento lettera “s”
posY2++;
posY3++;
posY4++;
posY5++;
posY6++;
}