Pincel Rápido Diagonal

Pincel que dirige una línea rápida desde la esquina superior izquierda hasta la inferior derecha.

float w;

float h;

void setup(){

 background(0);

noStroke();

size(600,600);

w = 0;

h = 0;

frameRate(20);

}

void draw(){

ellipse(w,h,20,20);

w = w + 5;

h = h + 5;

}

Carrera

Carrera de líneas de colores, al usar random cada vez gana un color distinto:

float r;

float y;

float g;

float b;

float gl;

float c;

float ry;

float s;

float bl;

float  w;

void setup(){

  background(#222224);

noStroke();

size(550,550);

r = 0;

y = 0;

g = 0;

b= 0;

gl = 0;

c = 0;

ry =0;

s = 0;

bl = 0;

w = 0;

frameRate(20);

}

void draw(){

  fill(255,0,0);

ellipse(r,50,20,20);

r = r + random(5);

fill(255,255,0);

ellipse(y,100,20,20);

y = y +random(5);

fill(0,255,0);

ellipse(g,150,20,20);

g = g + random(5);

fill(0,0,255);

ellipse(b,200,20,20);

b=b+random(5);

fill(#ADA400);

ellipse(gl,250,20,20);

gl = gl + random(5);

fill(#D2D1FA);

ellipse(c,300,20,20);

c = c + random(5);

fill(#FF5863);

ellipse (ry,350,20,20);

ry = ry + random(5);

fill (#472FE3);

ellipse (s,400,20,20);

s = s + random(5);

fill (0);

ellipse(bl,450,20,20);

bl = bl + random(5);

fill(255);

ellipse(w,500,20,20);

w = w + random(5);

}

Segundero

Segundero a décimas:


 

float numero;

void setup(){

  background(0);

  size(200,200);

  frameRate(100);

  numero = 0;

}

void draw(){

  if (mousePressed){

  numero = numero + 0.01;

  background(0);

  textSize(20);

  text(numero, width/2, height/2);

}}

Línea Diagonal Rápida

Línea diagonal rápida:


 

float w;

float h;

void setup(){

  background(0);

noStroke();

size(600,600);

w = 0;

h = 0;

frameRate(20);

}

void draw(){

ellipse(w,h,20,20);

w = w + 5;

h = h + 5;

}

Pincel de Colores

Pincel de colores:


 

void setup(){

  background(0);

  noStroke();

  size(600,600);

  frameRate(1000);

}

void draw(){

  if (mousePressed){

  fill(mouseX,0,mouseY);

  ellipse (mouseX,mouseY, 12,12);

}}

Línea Atada al Centro

Línea atada al centro:


 




void setup(){ 
size(600,600); 
} 
void draw(){ 
 background(0,0,255); 
stroke(255,255,255); 
line(height/2,width/2, mouseX, mouseY); 
}

Elipse Animada II

Elipse en crecimiento, cambia de posición según la posición del ratón:

 

int X = 0;

int Y = 100;

void setup() {

  size(600, 600);

  smooth();

}

void draw() {

  background(0);

  stroke(0);

  fill(255,0,70);

  ellipse(mouseX,mouseY,X,Y);

 X = X + 1;

 Y = Y +1;

}

Elipse Animada

Elipse animada que cambia de color y forma según mueves el ratón:

void setup(){

  size(600,600);

}

void draw(){

   background(0,mouseX,0);

   noStroke();

   fill(0,0,mouseY);

  ellipse(width/2,height/2,mouseX,mouseY);

}

Mosaico

Mosaico relacionados por parejas de pokemon:




size(600,600);
background(31,31,31); 
fill(255,0,0);
 rect(50,50, 100,100);
fill(255,255,0);
 rect(50, 180, 100, 100);
 fill(0,255,0); 
 rect(50, 310, 100, 100); 
fill(0,0,255); 
rect(50, 440, 100, 100);
 fill(211,181,6);
 rect(180,50,100,100);
 fill(220,205,245); 
rect(180,180,100,100);
 fill(232,0,62); 
rect(180, 310, 100, 100);
 fill(62,110,211); 
rect(180,440,100,100); 
fill(220,243,250); 
rect(310, 50, 100, 100); 
fill(245,232,200); 
rect(310, 180, 100, 100); 
fill(0); 
rect(310, 310, 100, 100); 
fill(255,255,255);
 rect(310, 440, 100, 100);
 fill(255,235,80);
 rect(440, 50, 100, 100);
 fill(252,240,143); 
rect(440, 180, 100, 100); 
fill(255,141,0); 
rect(440, 310, 100, 100); 
fill(155,112,19); 
rect(440, 440, 100, 100);

Diagonales

Diagonales sobre fondo oscuro: 


 

size(600,600); 
background(21,0,118);
stroke(16,13,255); 
line(0,0,height,width);
line(width,0,0,height); stroke(59,255,237); 
line(width/3,0,0, height/3); 
line(width*1/6, height*1/6, width, height/2); 
line(width*1/6, height*1/6, width/2, height); 
stroke(255,244,116); 
line(width,height*2/3,width*2/3,height); 
line(width/2,0, width*5/6, height*5/6); 
line(0,height/2,width*5/6, height*5/6);

Diana Degradada

Diana en degradado hecha en processing:






size(600,600); background(0); fill(94,16,232);
 ellipse(width/2,height/2,width*0.9,height*0.9); 
fill(105,21,203);
 ellipse(width/2,height/2,width*0.8,height*0.8);
 fill(142,21,203);
 ellipse(width/2,height/2,width*0.7,height*0.7);
 fill(169,21,203); 
ellipse(width/2,height/2,width*0.6,height*0.6); 
fill(200,21,203); 
ellipse(width/2,height/2,width*0.5,height*0.5);
 fill(243,36,255); 
ellipse(width/2,height/2,width*0.4,height*0.4);
 fill(252,122,233);
 ellipse(width/2,height/2,width*0.3,height*0.3);
 fill(255,147,239);
 ellipse(width/2,height/2,width*0.2,height*0.2);
 fill(252,168,240) ;
ellipse(width/2,height/2,width*0.1,height*0.1); ;