Entradas

PRÁCTICA 4: PROGRAMAS INTERACTIVOS

Imagen
 PRÁCTICA 4: PROGRAMAS INTERACTIVOS LÍNEA Esta práctica consiste en pintar una línea de distinto color, al pasar el ratón por el lienzo. Para ello he utilizado las siguientes instrucciones: void setup(){ size(300,300); // crea un lienzo de 300 px de ancho y 300 de alto } void draw() { background(456); // pinta el fondo de azul line(0,0, mouseX, mouseY); // pinta una linea desde el ponto (0,0) stroke(255); // pinta una línea blanca }   SERPIENTE ROJA Esta práctica consiste en pintar una serpiente de color rojo, al pasar el ratón a lo largo de todo el lienzo. Para ello he utilizado las siguientes instrucciones: void setup() {   size(400, 400); // crea un lienzo de 400 px de ancho por 400 px de alto } void draw() {   noStroke(); // No dibuja la circunferencia al círculo          fill(255, 0, 0); // Rellena el cículo de rojo   ellipse(mouseX, mouseY, 30, 30); // Dibuja una serpiente al pasar el cursor }   

PRÁCTICA 3: DIBUJO EN 3D

Imagen
PRÁCTICA 3: DIBUJO EN 3D Cubo 3D Esta práctica consiste en realizar en un lienzo de color amarillo, un cubo de color rosa con las aristas azules. Para ello he utilizado las siguientes instrucciones: void setup(){ background(#FEFF03); // pinta el fondo de amarillo size(400,400,P3D);} // crea un lienzo de 400 px de ancho y 400 de largo void draw(){ stroke(#1A07F7); // pinta las aristas de azul fill(#FCB8F1); // pinta el cubo de rosa translate(100,100,-50); rotateX(0.8); // ángulo de rotación en el eje X expresado en radianes rotateY(0.5); // ángulo de rotación en el eje Y expresado en radianes box(110); // crea un cubo de 110 px }   Esfera 3D Esta práctica consiste en realizar una esfera en 3D de 100 px de diámetro, dentro de un lienzo de 200x200 y colorear el lienzo, las líneas y la esfera de distintos colores. Para ello he utilizado las siguientes instrucciones: size (200, 200, P3D); // crea un lienzo de 200 px de ancho y 200 de alto background(#FC0D0D); // pinta el fondo de rojo str

PRÁCTICA 2: FORMAS BÁSICAS

Imagen
PRÁCTICA 2: FORMAS BÁSICAS P1 Esta práctica consiste en escribir tu nombre sobre un lienzo de distinto color. En este caso Álvaro. Para ello he utilizado las siguientes instrucciones: void setup() {   background(250,0,0); // colorea el fondo de rojo   size(520,200); // crea una ventana o lienzo de 520 px de ancho por 200 de alto   line(40,120,70,60); // dibuja una línea desde el punto (40,120) al punto (70,60)  /* crea la letra A   line(70,60,100,120); // dibuja una línea desde el punto (70,60) al punto (100,120)   line(40,100,100,100); // dibuja una línea desde el punto (40,100) al punto (100,100)  */   line(120,120,120,60); // dibuja una línea desde el punto (120,120) al punto (120,60)  /* crea la letra L   line(120,120,170,120); // dibuja una línea desde el punto (120,120) al punto (170,120)  */   line(210,120,190,60); // dibuja una línea desde el punto (210,120) al punto (190,60)  /* crea la letra V   line(210,120,230,60); // dibuja una línea desde el punto (210,120) al punto (230,

PRÁCTICA 5: VARIABLES

Imagen
 PRÁCTICA 5: VARIABLES Este programa crea un fondo inicialmente de color rojo que cambia a verde de abajo hacia arriba. Además he añadido delay para modificar la velocidad en la que el fondo cambia de color Para ello he utilizado las siguientes instrucciones: int i=0; void setup() { size (400,400); background(255,0,0); stroke(0,255,0); } void draw(){ line(20,400-i,380,400-i); i++; delay(30); }

PRÁCTICA 1: LIENZO

Imagen
PRÁCTICA 1: LIENZO Lienzo 1 Esta práctica consiste en crear un lienzo de 400 px de ancho por 400 px de alto. Para ello he utilizado las siguientes instrucciones: void setup() {   size (400,400) } Lienzo 2 Esta práctica consiste en crear un lienzo de 100 px de ancho por 400 px de alto. Para ello he utilizado las siguientes instrucciones: void setup() {   size (100,400) } Lienzo 3 Esta práctica consiste en crear un lienzo de 400 px de ancho por 200 px de alto. Para ello he utilizado las siguientes instrucciones: void setup() {   size (400,200) }

PROGRAMACIÓN

PROCESSING

Imagen
PROCESSING ¿Que es Processing? 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.  Inicios Fue iniciado por Ben Fry y Casey Reas, ambos miembros de Aesthetics and Computation Group del MIT Media Lab dirigido por John Maeda. ¿Para qué sirve? Uno de los objetivos declarados de Processing es el de actuar como herramienta para que artistas, diseñadores visuales y miembros de otras comunidades ajenos al lenguaje de la programación, aprendieran las bases de la misma a través de una muestra gráfica instantánea y visual de la información.  ¿En qué consiste el lenguaje de Processing? El lenguaje de Processing se basa en Java, aunque hace uso de una sintaxis simplificada y de un modelo de programación de gráficos.