miércoles, 26 de octubre de 2016

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);


}

martes, 25 de octubre de 2016

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); ;