TIC II - Marta Simón

Para acabar la evaluación tuvimos que simular un juego de luces que imita a las del coche fantástico: long tiempo; long t_actualizado; long t_retardo; int x,y; char sentido; float ancho; int distancia; void setup() {   t_retardo= 200;   tiempo = 0;    t_actualizado = 0;    sentido = 'd';    x = 100;    y = 300;    ancho = 50;    distancia = 75; size(600,600); } void draw() {   if (x>=500){     sentido = 'i';   }     if (x<=50) {     sentido = 'd';     } fill(0,0,0,40); rect(0,0,width, height); tiempo = millis(); if( tiempo > t_actualizado + t_retardo) { fill(255,0,0); ellipse(x,y,ancho,ancho); t_actualizado = tiempo; if (sentido == 'd'){   x = x+distancia; } if (sentido == 'i'){   x = x-distancia; } } }

La primera de este bloque contiene una función de tipo bucle distinta a la anterior, repetimos el dibujo de líneas horizontales: void setup() {   size(400, 400);   background(255, 70, 100);   stroke(255,255,255);   int i = 0;                        while (i < 400) {      line(30, i, 370, i);     i = i + 10;                     } } En la próxima vimos cómo Processing nos permite ejecutar acciones al detectar determinados eventos del ratón: void setup() {   size(800, 800);   background(26, 243, 194); } void draw() {   stroke(255, 255, 255);   triangle(mouseX, mouseY, 250, 250, 250, 250);   fill(180, 130, 247);   ellipse(mouseX, mouseY, 80, 80 ); }

Las siguientes prácticas consistieron en utilizar la función bucle para repetir en el lienzo distintas figuras: Rejilla: float x; void setup() {   size(500, 500);   background(49,119,255); } void draw() {   for (int x=20; x<=380; x=x+20)   {     .     .   } } Puntos: void setup() {   background(0, 0, 0);   size(500, 500);   for (int x=20; x<=380; x=x+20)   {     for (int y=20; y<=380; y=y+20)     {      .      .      .     }   } }

La siguiente consistió en hacer un programa que dibujara el seno de X y, al presionar distintas teclas, este cambiara de color: f loat x; void setup() {   size(600, 600); } void draw() { strokeWeight(20); point( x, height/2 + sin(radians(x))*50); x=x+1; } void keyReleased() {   if (key =='a') {     stroke(154, 62, 255);    }   if (key =='s') {     stroke(111, 140, 255);    } } Despúes, vimos como introducir texto en el lienzo, cambiando su tipo de fuente, tamaño y color: void setup() {   PFont mono;   size(800, 500);   background(0, 0, 0);     mono = loadFont("Georgia-BoldItalic-70.vlw");   textFont(mono);   fill(255, 0, 128);   textSize(70);   text("Hello", 150, 80); } void draw() { }

Processing es un lenguaje de programación y entorno de desarrollo integrado de código abierto basado en Java, de fácil utilización, y que sirve como medio para la enseñanza y producción de proyectos multimedia e interactivos de diseño digital. Nuestra primera tarea fue crear lienzos de distintos tamaños: void setup () { size(500,500); } A continuación, escribimos nuestro nombre con líneas, dibujamos una diana y los aros de los Juegos Olímpicos con círculos: Nombre: void setup () {   strokeWeight(10);   size(1000, 1000);   line(50, 200, 50, 100);   line(50, 100, 100, 150);   line(100, 150, 150, 100); . . . . .   noFill();   arc(350, 125, 90, 60, 4.8, 7.85);   line(450, 100, 550, 100);   line(500, 100, 500, 200);   line(600, 200, 650, 100);   line(650, 100, 700, 200);   line(600, 200, 700, 200); } Diana: void setup() {  ...