processing

void setup() {
size (500,500);
background (6,3,17);
}
void draw () {
strokeWeight (0);
smooth ();

fill (238,255,254,50);
ellipse ((random(500)),(random(500)),1,1);

fill (0,0,0,0);
rectMode (CENTER);
ellipse ((random(500)),(random(500)),1000,1000);
stroke(238,255,254,99);

fill (238,255,254,1);
ellipse (mouseX, mouseY, 50,50);

}

figura con movimiento

processing

size (400,320);
background (24,120,60);
smooth ();
strokeWeight (4);
fill (180);
rectMode (CENTER);
rect (100,100,90,90);
fill (120,24,38);
ellipse (300,220,90,90);






cuadrado i circulo con fondo verde

Processing

 triangle

cuadrat

rectangle






https://processing.org/reference/

instalar processing

https://processing.org/