PROCESSING

Color Demo

size(300, 300);

background(0);

noStroke();

fill(225, 0, 0);

rect(0, 0, 100, 50);

fill(0, 80, 0);

rect(100, 0, 100, 50);

fill(150, 150, 255);

rect(200, 0, 100, 50);

fill(128);

rect(0, 50, 300, 100);

Rect Demo

size(300, 300);

noStroke();

background(0);

rect(75, 10, 50, 150);

rectMode(CENTER);

fill(185);

rect(20, 100, 40, 55);

rectMode(CORNERS);

Ellipse mode 

size(700, 700);

noStroke();

background(0);

smooth();

ellipseMode(CORNER);

ellipse(75, 10, 50, 150);

ellipseMode(CENTER);

fill(185);

noSmooth();

ellipse(50, 100, 100, 55);

smooth();

ellipseMode(CORNERS);

fill(64);

ellipse(0, 155, 200, 190);

rectMode(CORNERS);

noFill();

strokeWeight(2);

stroke(255);

rect(0,155,200,190);

CIRCULOS

void setup (){

size(480,120);

smooth (); }

void draw (){

if (mousePressed){

fill (0);

}else {

fill (255);

}

ellipse (mouseX, mouseY, 80, 80);

}

INTERSECCIÓN

void setup (){

size(680,320);

smooth (); }

void draw (){

if (mousePressed){

fill (#FF0000);

}else {

fill (#99FF00);

}

rect (mouseX, mouseY, 80, 80);

}

void setup(){

size (400, 400);

}

void draw(){

line (pmouseX, pmouseY, mouseX, mouseY);

}

void setup(){

size(400,400);

smooth();

background(0);

frameRate(30);

}

void draw(){

stroke(mouseX, 0 , mouseY); 

float distance = dist(pmouseX, pmouseY, mouseX, mouseY);

float maxStroke = 15;

strokeWeight(maxStroke - constrain(distance, 0, maxStroke));

line(pmouseX, pmouseY, mouseX, mouseY);

}

void mouseClicked(){

fill(mouseY, 255, mouseX);

noStroke();

rect(mouseX, mouseY, 30, 30);

}

void keyPressed(){

background(0);

}