gif

GIF

Ejercicio de processing figurativo

Ejercicio de processing figurativo

float x;

float y;

void setup() {

  size(800, 800);

  x=width/2;                                                                                             

  y=height/2-100;

}

void draw() {

  background(0, 155, 120);

  fill(0);

  rect(x-150, y+300, 40, 400);

  rect(x+150, y+300, 40, 400);

  fill(0);

  strokeWeight(20);

  stroke(255);

  ellipse(x, y+150, 500, 465);

  noStroke();

  ellipse(x+250, y, 190, 300);

  ellipse(x-250, y, 190, 300);

  fill(255);

  rect(x, y+220, 40, 90);

  rect(x-50, y+220, 40, 90);

  rect(x-100, y+220, 40, 90);

  rect(x-150, y+220, 40, 90);

  rect(x+50, y+220, 40, 90);

  rect(x+100, y+220, 40, 90);

  rect(x+150, y+220, 40, 90);

  rect(x+200, y+220, 40, 60);

  rect(x-200, y+220, 40, 60);

  rect(x, y+350, 40, 60);

  rect(x-50, y+340, 40, 60);

  rect(x-100, y+330, 40, 60);

  rect(x-150, y+310, 40, 50); 

  rect(x+50, y+340, 40, 60);

  rect(x+100, y+330, 40, 60);

  rect(x+150, y+310, 40, 50);  

  rectMode(CENTER);

  fill(240, 125, 255);

  rect(x, y, 500, 400);

  fill(255, 0, 0);

  ellipse(x, y+50, 180, 180);

  fill(255);

  ellipse(x+30, y+10, 50, 50);

  noStroke();

  fill(0);

  ellipse(x-100, y-150, random(150, 180), random(150, 180));

  ellipse(x+100, y-150, random(150, 180), random(150, 180));

  fill(0, random(100, 255), random(100, 255));

  ellipse(x+100, y-150, random(80), random(80));

  ellipse(x-100, y-150, random(70, 80), random(70, 80));

}

Ejercicio de porcessing, figuras básicas

Dibujo de processing, con figuras geométricas como el rectángulo, el cuadrado y el circulo.

Código ASCII

ejercicio1, processing

En la clase hicimos un dibujo con el programa llamado processing. primero escribimos un algoritmo para poder dibujar dos figuras geométricas. se deben escribir paso a paso los códigos, los cuales van señalando o diciendo lo que se debe hacer para concretar una acción. un código se relaciona con todo la estructura, si se escribe mal una palabra o falta algún detalle no se puede concluir la operación. hay diferentes palabra y códigos para que se cumplan distintas tareas. Por ejemplo, escribes la palabra background, y si quieres que cambie de color, a un costado de la palabra escribes un número diferente para que pueda cambiar de color, dependiendo de el número que pongas es el color que va a aparecer en el  fondo del del lienzo.

Html y css

Creo que el css complementa al html porque le da más efectos, como las letras de color, y el fondo también de colorares. El css ayuda a darle el aspecto y la forma al html.