Un poco de Processing
Processing es un cuaderno de bocetos de software flexible y un lenguaje para aprender a codificar en el contexto de las artes visuales . Desde 2001 , Processing ha promovido la alfabetización de software dentro de las artes visuales y la alfabetización visual dentro de la tecnología . Hay decenas de miles de estudiantes , artistas , diseñadores , investigadores y aficionados que utilizan Processing para el aprendizaje y la creación de prototipos .
Descargar Programa
El entorno de integrado de programación (IDE) de processing incluye un editor de texto, un compilador y una ventana monitor. Permite la creación de software de forma sencilla.
Tutoriales
Primeros pasos
|
Funciones gráficas
|
|
|
Ejercicio
Realiza en processing el dibujo de la siguiente figura en perspectiva caballera sin reducción, según las especificaciones que se detallan:
- se aconseja hacer el dibujo a mano alzada para obtener las coordenadas de los puntos.
- el tamaño de la pantalla será de 1000 x 1000 pixeles.
- ejes de perspectiva caballera en color negro.
- color de fondo: verde.
- color de las aristas: azul.
- realiza un cuadrado de color rojo y tamaño 300x300.
- escribe tu nombre en color azul y tamaño de letra 45.
- guarda y envía el archivo con tu nombre.
- instrucciones a usar: background, size, stroke, fill, line, textSize, text, rect.
- se aconseja hacer el dibujo a mano alzada para obtener las coordenadas de los puntos.
- el tamaño de la pantalla será de 1000 x 1000 pixeles.
- ejes de perspectiva caballera en color negro.
- color de fondo: verde.
- color de las aristas: azul.
- realiza un cuadrado de color rojo y tamaño 300x300.
- escribe tu nombre en color azul y tamaño de letra 45.
- guarda y envía el archivo con tu nombre.
- instrucciones a usar: background, size, stroke, fill, line, textSize, text, rect.
Ejercicio 2
Nuevos comandos:
void setup() {
size(300,300);
}
void draw() {
line(0, 0, mouseX, mouseY);
}
A continuación, crea un nuevo programa en el que dibujes, un circulo azul (radio 150) continuamente con el ratón
- setup(): El código dentro de las llaves se ejecuta una única vez cuando el programa empieza. Sólo necesitamos establecer el tamaño de la ventana una vez, al principio del programa.
- draw(): El código entre llaves se ejecuta una y otra vez. Se ejecuta línea por línea, de arriba a abajo hasta la última línea, donde vuelve a empezar desde el principio.
void setup() {
size(300,300);
}
void draw() {
line(0, 0, mouseX, mouseY);
}
A continuación, crea un nuevo programa en el que dibujes, un circulo azul (radio 150) continuamente con el ratón
Serpiente roja
void setup() {
size(400, 400); } void draw() { noStroke(); // sin borde fill(255, 0, 0); ellipse(mouseX, mouseY, 30, 30); } |
int rojo = 255;
void setup() { size(400, 400); } void draw() { noStroke(); fill(rojo, 0, 0); ellipse(mouseX, mouseY, 30, 30); } |
int rojo = 255; // variable rojo
void setup() { size(400, 400); } void draw() { rojo = rojo - 1; // mas oscuro if (rojo < 0){ rojo = 255; // Cuando llegue al maximo de oscuridad, hazlo claro otra vez } noStroke(); fill(rojo, 0, 0); ellipse(mouseX, mouseY, 30, 30); } |