[Tutorial] Processing – Primeros pasos
Este es el primer tutorial para los que quieren aprender a programar en Processing, esta dirigido para cualquier persona en general, con conocimientos previos o nulos en programacion, la sencilles de Processing hace que este sea muy digerible para cualquier publico, lo unico que necesitaran sera las ganas
ahora si pongan atencion.
Y si aun no sabes que es Processing sigue este link.
Instalando
Lo primero es descargar la aplicacion de la pagina de descarga. Debes elegir el correspondiente a tu sistema operativo.
Para Windows:
Elegir el link que dice solo “Windows” (ya que el que dice “without JAVA” es para usuarios mas experimentados), despues descomprimir el archivo descargado, ahora tendremos una carpeta llamada “Processing x.x” (x dependiendo la version), esta carpeta la podemos mover toda completa a la carpeta de “Archivos de programa” en C: para mantener organizado todo, dentro de la carpeta “Processing x.x” hay un archivo ejecutable llamado “Processing.exe” este es el que abrira la aplicacion, se puede crear un acceso directo al escritorio o a la barra de tareas para mayor comodidad.
El archivo descargado es un DMG, dar doble clic para montar el disco, y arrastrar el icono de Processing a la carpeta de aplicaciones, y sin mas complicaciones ya tenemos Processing instalado.
La interfaz de Processing es muy sencilla, cuenta con 6 botones:
- Play: Da inicio/corre el programa.
- Stop: Termina el programa.
- New: Inicia un nuevo proyecto.
- Open: Nos permite abrir un proyecto existente, y de los ejemplos.
- Save: Salva nuestro proyecto actual.
- Export: Permite exportar el proyecto a una aplicacion web.
Tambien cuenta con area de texto, que es donde introduciremos nuestro codigo; abajo del area de texto se encuentra la consola, que es muy util para realizar un debug del programa, y desplegar informacion relevante en el transcurso del programa.
Ahora haremos el ya clasico “Hola mundo” y lo desplegaremos en consola. Esto sera lo mas sencillo en el mundo, la primera funcion del tutorial que veremos sera la funcion “print()” y la funcion “println();” las cuales desplegaran los datos en la consola, ya sea una cadena o una variable, la sintaxis es la siguiente:
print("Esta es una cadena "+variable+" otra cadena");
La sintaxis es la misma para las dos funciones, la diferencia es que “println()” agrega un salto de linea al final; el carcater “+” sirve para concatenar, al final de cada sentencia debe llevar “;” , cabe destacar que Processing es case sensitive (Distingue mayusculas y minusculas). Para finalizar y corroborar lo aprendido tecleen el siguiente programa:
print("Tutorial Processing ");
println("por Adrianmb");
println("visita Make-a-tronik.com");
print("Hola mundo");
Ahora denle clic en Play y observen el resultado (fue un poco mas que hola mundo, pero debo hacerme publicidad
)
Proximo tutorial: Tipos de variables y graficos en 2D
Popularity: 28%






Hola Amigo,
Ando un poco perdido y quisiera saber mas sobre procesing y que aplicaciones tiene
me gustaria saber si podrias colgar un video introductivo en youtube?
Gracias.