Processing

Processing

Crear arte con la programación

Un poco de historia...

​Ben Fry

Casey Reas

2001

1. ¿QUÉ ES?

SOFTWARE libre y de código abierto

Processing es una aplicación de software que permite:

• ​Escribir

• Editar

• Compilar

• Ejecutar

1.1 PROCESSING se basa en JAVA

​Para recordar en qué consistía esto de programar

Pero tranquilidad...es DISEÑAR

Processing utiliza conceptos básicos de JAVA para crear:
Formas visuales, movimiento, interacción

1.2 Descarga (gratuita)

https://processing.org/download

​Lo guardaremos en C:/Archivos de programa

​Abrimos el archivo ejecutable

• Minimalista

• ​Simplificado

​

2. Entorno de desarrollo

SKETCH: Cada uno de los programas de Processing

​

2.1 Primeros pasos

​Podemos comprobar que todo funciona correctamente abriendo uno de los ejemplos que vienen por defecto en el programa

PARADA TÉCNICA

¡A INSTALARSE PROCESSING TODO EL MUNDO!

2.2 Cuaderno de bocetos (Sketch)

​Una vez creemos un Archivo Nuevo, lo Guardamos como, y le ponemos nombre

Processing NO permite
- Espacios
- Guiones medios

Los nombres de archivo NO pueden empezar con un número

2.2.1 Guardado de archivos

Por defecto, los archivos se guardan con la fecha del día en curso.

En la imagen: 24-01-05 (05/01/2024)

Multiple Choice

¿Qué nombre de archivo es correcto para Processing?

• sketch_24 -10-5

• 2sketch_240105b

• sketch_240105b

• No me he enterado

3. ESCRIBIENDO CÓDIGO EN PROCESSING

3.1 Reglas sintácticas básicas

​3 tipos de declaraciones:

• Funciones

• Operaciones de asignación

• Estructuras de control

3.1 Reglas sintácticas básicas

3.1.1 Funciones

​nombre(argumento 1, argumento 2)

size(ancho, alto)
- especifica las dimensiones (en píxeles) de la ventana que deseas crear y toma 2 argumentos: anchura y altura

​La función size es siempre el PRIMER ARGUMENTO

3.1 Reglas sintácticas básicas

3.1.1.1 Función size y println

¿Y cómo sé si estoy poniendo bien la sintaxis?

https://processing.org/reference/

​Funciones disponibles por categoría, o por orden alfabético

4. Mi primer Sketch

4.1 Elipse

Copiad este código en Processing:

void steup(){

size(720, 220);

}

void draw(){

if(mousePressed){

fill(0);

}else{

fill(255);

}

ellipse(mouseX, mouseY, 80, 80);

}

Y esto es to, esto es to, esto es todo, amigos