Scribd
Cargar
34 vistas10 páginas

Introducción a Processing en Java

Processing es un lenguaje de programación visual basado en Java, ideal para enseñar programación creativa mediante gráficos y animaciones. Permite a los usuarios crear visualizaciones de manera sencilla y rápida, y ofrece funcionalidades como animación, interacción con el ratón y uso de variables. El documento incluye ejemplos de código para ilustrar conceptos básicos como formas, colores y condicionales.

Cargado por

gerardtt2772
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
34 vistas10 páginas

Introducción a Processing en Java

Processing es un lenguaje de programación visual basado en Java, ideal para enseñar programación creativa mediante gráficos y animaciones. Permite a los usuarios crear visualizaciones de manera sencilla y rápida, y ofrece funcionalidades como animación, interacción con el ratón y uso de variables. El documento incluye ejemplos de código para ilustrar conceptos básicos como formas, colores y condicionales.

Cargado por

gerardtt2772
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

1. ¿Qué es Processing?

Processing es un lenguaje de programación visual basado en Java. Está diseñado


para enseñar programación de forma creativa mediante gráficos, animaciones e
interacción.

Ideal para principiantes y artistas digitales, permite crear visualizaciones de forma


rápida y sencilla.
2. Instalación de Processing
Puedes descargar Processing desde su página oficial:
[Link]
Está disponible para Windows, macOS y Linux. Una vez descargado, simplemente
ejecuta el archivo y estará listo para usar.
3. Tu primer programa en Processing
El siguiente código dibuja un círculo en la ventana:

void setup() {
size(400, 400);
}
void draw() {
ellipse(200, 200, 100, 100);
}
Explicación: `setup()` se ejecuta una vez al principio. `draw()` se repite
constantemente.
4. Formas básicas
Algunas formas básicas que puedes usar en Processing:

rect(x, y, ancho, alto); // rectángulo


ellipse(x, y, ancho, alto); // elipse o círculo
line(x1, y1, x2, y2); // línea
triangle(x1, y1, x2, y2, x3, y3); // triángulo
5. Colores
Puedes cambiar los colores con las funciones `fill()` y `stroke()`:

fill(255, 0, 0); // Relleno rojo


stroke(0); // Contorno negro
También puedes usar `noFill()` o `noStroke()` para eliminar el relleno o el borde.
6. Animación básica
Puedes animar moviendo objetos dentro de `draw()`. Ejemplo:

int x = 0;
void setup() {
size(400, 400);
}
void draw() {
background(255);
ellipse(x, 200, 50, 50);
x = x + 1;
}
7. Interacción con el ratón
Puedes usar `mouseX` y `mouseY` para obtener la posición del ratón.

ellipse(mouseX, mouseY, 50, 50); // Sigue al ratón


8. Uso de variables
Las variables permiten almacenar valores. Ejemplo:

int tamaño = 50;


ellipse(200, 200, tamaño, tamaño);
Puedes cambiar el valor de `tamaño` dentro de `draw()` para animar.
9. Condicionales y eventos
Puedes usar condicionales para crear decisiones:

if (mousePressed) {
fill(255, 0, 0);
} else {
fill(0, 255, 0);
}
Esto cambia el color si el ratón está presionado.
10. Proyecto final: bola rebotando
int x = 100;
int velocidad = 3;
void setup() {
size(400, 400);
}
void draw() {
background(200);
ellipse(x, 200, 50, 50);
x = x + velocidad;
if (x > width || x < 0) {
velocidad = -velocidad;
}
}
¡Has creado una animación con rebote!

También podría gustarte