introducción a processing

PROCESSING

Luis Abraham PaqueGerardo ColladoOscar OrtizAlfredo Contreras

¿Qué es?

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.

¿Dónde se origina? Fue creado por Ben Fry y Casey Reas, en el 2001, mientras eran estudiantes de posgrado en el MIT, en el laboratorio de estética y

computación de medios con el investigador Jonh Maeda.

MIT

¿Para qué se usa?

Fue diseñado en un principio como un lenguaje mas de programación, después se oriento para la creación de medios interactivos visuales, sus primeros ejemplos fueron dibujos. A lo largo del tiempo su uso ha evolucionado hasta hoy, cuyas aplicaciones son para enseñanza, museos, laboratorios, electrónica, robótica, etc.

https://processing.org/overview/

Toolbar

Menu

Display WindowTabs

Text editor

Text Area

Reference

Estructura# (comentario)

“ “ (lineas de comentario)= (asignacion)

Ambientecursor()

noCursor()size()

Datosint

floatBoolean

Controlfor

while== (igualdad)

Formaarc()line()

point()

Inputmouse

keyboard files

OutputText area

Image files

TransformadasRotacion

TraslacionEscala

etc….

CONSTANTES Y VARIABLES

- Processing puede manejar distintos tipos dedatos.

- Cada dato es representado por una secuenciade bits (0’s y 1’s) en la memoria de lacomputadora.

- Cada tipo de formato especifica cómo lainformación es codificada en notación binariay cómo el software decodifica la informaciónde acuerdo a los estándares para cadaformato.

Tipo de datos más comunes en Processing

Nombre Tamaño

boolean 1 bit

byte 8 bits

char 16 bits

int 32 bits

float 32 bits

Creación de variables

Declaración de variables Descripción

int x; // Declara la variable de x de tipo int

float y; // Declara la variable y de tipo float

boolean b; // Declara la variable b de tipo booelan

x=50*; // Asignar el valor de 50 a x

y=12.6 // Asigna el valor de 12.6 a y

b=true //Asigna el valor de verdadero a b.

ó…

int x=50 float x,y,z;

float y = 12.6 x=-3.9

boolean b = true; y=10.1

* “=” Operador de asignación

¡No se puede volver a declarar la variable, marcará error!

int x = 69;

int x = 71:

¡No se puede asignar una constante a otra, marcará error!

2=12

¡No se puede asignar un número flotante a una variable tipo entero, marcará error!

int x=24.8

Lo que no se puede hacer

- Es recomendable que cada nombre de lasvariables describa su contenido.

Ej: Frecuencia CardiacafreCar

El nombre de las variables no debe comenzar con un número

No utilizar palabras reservadas de Processing

Case sensitive

Palabras reservadas de Processing

LO BÁSICO Y ALGUNOS TIPS…

// (Comentario)/* */ (Comentarios para líneas múltiples); ( Se debe colocar al término de cada sentencia), ( Separar una lista de variables)

Elementos de código

Funciones básicas que se utilizarán al comienzo de un

programa

size (width, height)

background() Valor de gris para el fondo de la pantalla en el rango de negro(0) a blanco(255) ó en color (0,0,0)

setup() Se ejecuta una sola vez en el programa; utilizado para inicializar parámetros. Sólo puede ser ejecutado una vez.

Otras funciones básicas para dibujo…

draw() , noLoop(), redraw(), loop()

frameRate() Número de veces que se actualiza la imagen por segundo

Otras funciones básicas para dibujo…

stroke() noStroke() fill()

noFill() strokeWeight() strokeCap()ROUNDSQUAREPROJECT

Otras funciones básicas para dibujo…

Operadores aritméticos básicos

()

Agrupamiento

+ - * / %

++ -- += -= *=

ceil() floor() round() min() max()

“Atajos”

Restricción de números

Expresiones de comparación

> < >= <= == !=

Operadores lógicos

|| && !

if (condición) {

instrucciones

}

if(condición){

instrucciones

} else{

instrucciones

}

if(condición){

instrucciones

} else if (con){

instrucciones

} else{

instrucciones

}

if

for

for (inicio; condición; aumento){statements }

print()

“+” ---> Utilizado para combinar elementos de texto múltiples en una línea

Impresión de datos

int x2 = 20;

int y2 = 80;println(x2 + " : " + y2);

Coordenadas Processing

Scope

Las variables pueden

• Locales

• GlobalesSon declaradas fuera de setup() y draw()

Pueden ser usadas en cualquier parte del programa

Son declaradas dentro de setup() y draw()

NOTA: En caso de tener el mismo nombre, el programa toma en cuenta la variable local del programa

float a int

float fx = 69.5;

int ix = int(fx);

type-casting

int newSomething = (int)something;

Casting

A veces es beneficioso para convertir un valor de un tipo de datos a otro. Cada una de las funciones de conversión convierte su parámetro a una representación equivalente en su tipo de datos.

int a float

int num = 5;

float nwNum = num;

Cast explicitoFunciones int (), float (), char (), byte (),

Cast implícito

Variables internas

no tenemos que preocupar en declarar excepto algunos casos en los que estas pueden ser variadas.

• width height

• screen.width screen.height

• keyPressed, keyReleased

• “mousePressed”, “mouseButton”, mouseReleased

• Key

• “mouseX mouseY

Variables compuestas y constantes

Más información

share your sketches