Introducción a Processing
-
Upload
luis-abraham-paque-hernandez -
Category
Software
-
view
450 -
download
0
Transcript of 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