Muestra funciones básicas del software.

1. PROCESSING
Luis Abraham Paque
Gerardo Collado
Oscar Ortiz
Alfredo Contreras

2. ¿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.

3. MIT

4. ¿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/

5. Toolbar
Menu
Display
WindowTabs
Text editor
Text Area

6. Reference

7. Estructura
# (comentario)
“ “ (lineas de comentario)
= (asignacion)
Ambiente
cursor()
noCursor()
size()
Datos
int
float
Boolean
Control
for
while
== (igualdad)
Forma
arc()
line()
point()
Input
mouse
keyboard
files
Output
Text area
Image
files
Transformadas
Rotacion
Traslacion
Escala
etc….

8. CONSTANTES Y VARIABLES

9. - Processing puede manejar distintos tipos de
datos.
- Cada dato es representado por una secuencia
de bits (0’s y 1’s) en la memoria de la
computadora.

10. - Cada tipo de formato especifica cómo la
información es codificada en notación binaria
y cómo el software decodifica la información
de acuerdo a los estándares para cada
formato.

11. 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

12. 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

13. ¡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

14. - Es recomendable que cada nombre de las
variables describa su contenido.
Ej: Frecuencia Cardiaca
freCar
El nombre de las variables no debe comenzar con un número
No utilizar palabras reservadas de Processing
Case sensitive

15. Palabras reservadas de
Processing

16. LO BÁSICO Y ALGUNOS
TIPS…

17. // (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

18. 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.

19. Otras funciones básicas para
dibujo…
draw() , noLoop(), redraw(), loop()
frameRate() Número de veces que se actualiza la imagen por
segundo

20. Otras funciones básicas para
dibujo…
stroke() noStroke() fill()
noFill() strokeWeight() strokeCap()
ROUND
SQUARE
PROJECT

21. Otras funciones básicas para
dibujo…

22. Operadores aritméticos
básicos
()
Agrupamiento
+ - * / %

23. ++ -- += -= *=
ceil() floor() round() min() max()
“Atajos”
Restricción de números

24. Expresiones de comparación
> < >= <= == !=
Operadores lógicos
|| && !

25. if (condición) {
instrucciones
}
if(condición){
instrucciones
} else{
instrucciones
}
if(condición){
instrucciones
} else if (con){
instrucciones
} else{
instrucciones
}
if

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

27. 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);

28. Coordenadas Processing

29. Scope
Las variables pueden
• Locales
• Globales
Son 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

30. 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 explicito
Funciones int (), float (), char (), byte (),
Cast implícito

31. 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

32. Variables compuestas y
constantes

33. Más información
share your sketches