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

[singlepic id=147 w=420 h=340 float=center]
Para MAC:

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.

[singlepic id=144 w=420 h=340 float=center]
Reconociendo la interfaz

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.

[singlepic id=142 w=420 h=340 float=center]
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.

[singlepic id=146 w=420 h=340 float=center]
Primer programa: “Hola mundo”

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:

[code language=”c”]
print(“Esta es una cadena “+variable+” otra cadena”);
[/code]

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:

[code language=”c”]
print(“Tutorial Processing “);
println(“por Adrianmb”);
println(“visita Make-a-tronik.com”);
print(“Hola mundo”);
[/code]

Ahora denle clic en Play y observen el resultado (fue un poco mas que hola mundo, pero debo hacerme publicidad 😉 )

[singlepic id=143 w=420 h=340 float=center]

Proximo tutorial: Tipos de variables y graficos en 2D

Adrian MB

Me gusta la electrónica, programación y todo lo relacionado. Ing. en Mecatronica de la UPIITA del IPN y estudiante de Diseño Industrial en la UAM. @adrianmtzb http://adrianmb.mx

También te podría gustar...

  • peruedlmms

    ah, ya ok. Gracias! Dime, pero al crear ese ejecutable, la otra PC donde lo haga correr ¿tendría que tener instalado el Processing? …

  • Processing puede generar aplicaciones de escritorio para mac, windows y linux, estas aplicaciónes son archivos ejecutables por lo tanto no se genera un instalador, para generar la aplicación ejecutable debes ir al menu File>>Export Application saldra una ventana donde seleccionas para que sistema desdeas exportar, finalmente das clic en Export. El ejecutable se crea dentro de la carpeta donde tienes el archivo fuente.

    Espero te sea de ayuda, saludos.

  • emmsPeru

    hola,¿es posible generar el instalador de cualquier programa hecho en processing??

  • mauri

    esta bueno el tutorial.ok.

  • KG

    ¡Genial el tuto! Tu aporte vale la pena, necesitamos más gente subiendo estas cosas…