Robot / Movimiento

VER

Robot

Intento de crear un soldado, en base al código del primer ejemplo de Robot






CÓDIGO
int x = 40;
int y = 420;
int bodyHeight = 110;
int neckHeight = 140;
int radius = 5;
int ny = y + bodyHeight - neckHeight - radius;


size(170, 480);
smooth();
strokeWeight (2);
background (250,80,10);
ellipseMode (RADIUS);


//Antennea - antena
line(x+12, ny, x-18, ny-43);
line(x+12, ny, x+42, ny-299);
line(x+32, ny, x+78, ny+15);


//Body - cuerpo
noStroke();
fill(102);
ellipse(x, y-33, 33, 33);
fill(0);
rect(x-45, y-bodyHeight, 90, bodyHeight-33);
fill(102);
rect(x-45, y-bodyHeight+17, 90, 6);


//Head - cabeza
fill(0,40,190);
ellipse(x+12, ny, radius, radius);
fill(255);
ellipse(x+24, ny-6, 14, 14);
fill(0);
ellipse(x+24, ny-6, 3, 3);
fill(0,40,190);
ellipse(x, ny+8, 5, 5);
fill(0,0,90);
ellipse(x+30, ny-26, 44, 4);
fill(0,0,90);
ellipse(x+41, ny+6, 3, 3);
fill(29);
ellipse(x+4, ny+106, 80, 80);
fill(0,40,190);
rect(x+-10, ny+86, 120, 120);

Trazo

VER EN OPENPROCESSING

Proyecto

“A Hard Rain’s gonna fall”



Mi idea base para la creación de este proyecto final o examen consta con muy baja utilización de materiales. Un data lograría crear el efecto de interactividad que pretendo crear entre la computadora y el espectador de esta creación en Processing.
Mi intención es demostrar y evidenciar con mi proyecto el ambiente artificial de una tormenta o de una lluvia intensa en plena primavera – verano y de esta manera junto con sonido generar un ambiente único que permita trasladar al espectador a un frío día de invierno.
La idea básica es conseguir que una vez que el espectador pase por en frente del data la lluvia lo rodee resalando su silueta.

Repaso Código

Cambié algunos colores y bordes, detalles.



Ejemplo 1









Código

fill(0,30,0);
ellipse(10, 80, 30, 40);
fill (0,60,0);
ellipse(20, 80, 40, 40);
fill(0,90,0);
ellipse(30, 80, 50, 40);
fill(80,120,0);
ellipse(40, 80, 60, 40);
fill(0,150,0);
ellipse(50, 80, 70, 40);



Ejemplo 2









Código

background(0);
stroke(255);
strokeWeight(5);
smooth();
line(10, 80, 30, 40);
line(20, 80, 40, 40);
line(30, 80, 50, 40);
line(40, 80, 60, 40);
line(50, 80, 70, 40);



Ejemplo 3








Código

int x = 5; // setea posición horizontal
int y = 60; // setea posición vertical
ellipse(x, y, x+20, y-40);
ellipse(x+10, y, x+30, y-40);
ellipse(x+20, y, x+40, y-40);
ellipse(x+30, y, x+50, y-40);
ellipse(x+40, y, x+60, y-40);



Ejemplo 4









Código

int x = 0;
int y = 55;
void setup() {
size(100, 100);
}
void draw() {
background(204);
ellipse(x, y, x+20, y-40);
ellipse(x+10, y, x+30, y-40);
ellipse(x+20, y, x+40, y-40);
x = x + 1;
if (x > 100)
}
}



Ejemplo 5










Código

void setup() {
size(100, 100);
}
void draw() {
background(204);
float x = mouseX;
float y = mouseY;
fill(0,100,0);
ellipse(x, y, x+20, y-40);
fill(0,160,0);
ellipse(x+10, y, x+30, y-40);
fill(0,220,0);
ellipse(x+20, y, x+40, y-40);
}



Ejemplo 6











Código

oid setup() {
size(100, 100);
noLoop();
}
void draw() {
diagonals(40, 190);
diagonals(60, 62);
diagonals(20, 40);
}
void diagonals(int x, int y) {
fill (90,87,50);
ellipse(x, y, x+20, y-40);
fill(30,120,200);
ellipse(x+10, y, x+30, y-40);
fill(20,220,0);
ellipse(x+20, y, x+40, y-40);
}



Ejemplo 7










Código

int num = 20;
int[] dx = new int[num];
int[] dy = new int[num];
void setup() {
size(100, 100);
for (int i = 0; i < num; i++) {
dx[i] = i * 5;
dy[i] = 12 + (i * 6);
}
}
void draw() {
background(120);
for (int i = 0; i < num; i++) {
dx[i] = dx[i] + 1;
if (dx[i] > 100) {
dx[i] = -100;
}
diagonals(dx[i], dy[i]);
}
}
void diagonals(int x, int y) {
fill(120,0,0);
ellipse(x, y, x+20, y-40);
fill(0,120,0);
ellipse(x+10, y, x+30, y-40);
fill(0,0,120);
ellipse(x+20, y, x+40, y-40);
}



Ejemplo 8









Código

Diagonals da, db;
void setup() {
size(100, 100);
smooth();
// Inputs: x, y, velocidad, espesor, grray
da = new Diagonals(0, 80, 1, 2, 0);
db = new Diagonals(0, 55, 2, 6, 255);
}
void draw() {
background(4);
da.update();
db.update();
}
class Diagonals {
int x, y, speed, thick, gray;
Diagonals(int xpos, int ypos, int s, int t, int g) {
x = xpos;
y = ypos;
speed = s;
thick = t;
gray = g;
}
void update() {
strokeWeight(thick);
stroke(gray);
fill(0,20,200);
ellipse(x, y, x+20, y-40);
fill(20,200,0);
ellipse(x+10, y, x+30, y-40);
fill(200,0,20);
ellipse(x+20, y, x+40, y-40);
x = x + speed;
if (x > 100) {
x = -100;
}
}
}

Textos de Processing

PPT2 & S3



El lenguaje en particular que tiene Processing está conformado por diferentes tipos de códigos, estos códigos, un tanto matemáticos, otorgan un resultado visualmente atractivo si es que son utilizados de la manera correcta.
Probablemente al inicio de processing, el lenguaje que era parte de este programa parecía casi ilegible, pero poco a poco conociendo lo que generaba se empezaron a despejar las dudas.
Sin embargo con estos nuevos códigos me siento un poco menos capaz de desarrollar un comentario completamente segura de lo que estos códigos significan. No obstante, se que * representa una multiplicación, y que / significa una división dentro del código en general, y que i, como un valor, puede ser incrementado o disminuido, e incluso sumado en su resultado final, dependiendo de la cantidad de ++ que se le agregue o de -- que disminuyan la totalidad del código al cual se le está aplicando dicha simbología.
La cantidad de códigos y variables van de las más simples como fill (otorgarle color a una figura ), hasta el hecho de interactuar con el computador y generar alguna reacción, como por ejemplo mousePressed.

Processing permite la generación de códigos propios, y dejar fluir la mentalidad de programador en base a nuestros propios gustos e intereses.



VER

Processing

Integrar imagen en el processing.
No logré dibujar :(






VER