Interfaz básica
Ya haz instalado Processing y al ejecutarlo aparece una interfaz muy simple, como esta:
![]() |
Nos familiarizaremos poco a poco con las diferentes partes del programa, que como ves son muy pocas. ![]() Si oprimes el botón de ejecución (Run) aparecerá una segunda ventana, con un pequeño cuadrado gris. Esa será la ventana donde verás correr los procesos visuales que programes, pero como todavía no se ha programado nada visual pues aparece simplemente con un fondo gris. |
Ahora ubícate en el Editor de Texto (la zona blanca del centro) y escribe:
println(“Este texto sale de mi primera instrucción”);
Luego córrelo (oprimir botón Run).
Verás que además de aparecer la ventana del cuadrado gris, en la zona negra de Salida de Texto aparece escrito “Este texto sale de mi primera instrucción”. En efecto acabas de ejecutar tu primera línea de código, la función println() que envía a la salida de texto cualquier cadena de caracteres que escribas entre comillas y entre paréntesis. También vale la pena anotar que toda instrucción en Processing debe terminar con ;
Veremos más adelante esta y otras reglas de escritura que llamaremos sintaxis, así como una mayor definición de lo que son las funciones, a diferencia de las sentencias y otros elementos particulares de programación.
Por ahora vamos a utilizar una serie de funciones muy sencillas, casi tan sencillas como println(), para experimentar dibujando con el código.

