Primeros pasos con el procesamiento

Hola Mundo

La forma más fácil de escribir código de procesamiento es simplemente llamar a una serie de funciones. Presiona el botón ejecutar en el editor de Processing y Processing ejecutará tu código. Aquí hay un ejemplo:

size(200, 200);
background(0, 0, 255);
fill(0, 255, 0);
ellipse(100, 100, 100, 100);

Este código crea una ventana 200x200, dibuja un fondo azul, cambia el color de relleno a verde y luego dibuja un círculo en el medio de la pantalla.

círculo verde sobre fondo azul

Sin embargo, la mayoría de los bocetos de Processing utilizarán las funciones predefinidas setup() y draw().

  • Processing llama automáticamente a la función setup(), una vez al comienzo del boceto. Esta función se utiliza para realizar la configuración inicial, como el tamaño, y la carga de recursos, como archivos de imagen y sonido.

  • La función draw() es llamada automáticamente por Processing 60 veces por segundo. Esta función se utiliza para dibujar y obtener información del usuario.

    void setup() {
      size(200, 200);
    }
    
    void draw(){
      background(0);
      ellipse(mouseX, mouseY, 25, 25);
    }
    

Este código crea una ventana 200x200 y luego dibuja un círculo en la posición actual del mouse.

círculo en el mouse

Instalación y configuración

La forma más fácil de usar Processing es descargar el editor de Processing desde [la página de descarga de Processing] (https://processing.org/download/).

Eso viene como un archivo zip. Descomprima ese archivo en cualquier lugar y tendrá un directorio que contiene un ejecutable (en Windows, eso es processing.exe).

Ejecutar ese ejecutable abre el editor de procesamiento:

Editor de procesamiento

El editor de procesamiento (también llamado entorno de desarrollo de procesamiento o PDE) contiene muchas herramientas que hacen mucho trabajo por usted. Le permite escribir código de procesamiento, que convierte automáticamente a Java y luego compila y ejecuta para usted.

El PDE contiene muchas funciones, pero por ahora solo escriba su código de procesamiento dentro de la sección blanca del editor y luego presione el botón de reproducción para ejecutar su código. Consulte la sección Hello World a continuación para ver un código de ejemplo.

También puede escribir código de procesamiento utilizando otros editores de código básicos como Atom o Sublime Text, o con un IDE más avanzado como eclipse .