processing Tutorial
Comenzando con el procesamiento
Buscar..
Observaciones
El procesamiento es un lenguaje y entorno de programación de código abierto para personas que desean crear imágenes, animaciones e interacciones.
El procesamiento se refiere al lenguaje creado sobre Java y al IDE mínimo con el que se envía. Es gratuito y de código abierto, se ejecuta en Linux, Mac OS X y Windows, y puede dar salida a pantallas, impresión, paquetes 3D e impresión CNC.
El lenguaje simplifica una gran cantidad de conceptos complejos y facilita la entrada de diseñadores, artistas y no programadores al mundo de la programación.
A lo largo de los años se usó para producir una serie de proyectos que van desde la visualización de datos hasta la computación física , juegos , 3D , sonido , rendimiento en vivo y más .
Debido a su vibrante comunidad, Processing no solo cuenta con una contribución de más de 100 bibliotecas, sino que también está presente en las principales plataformas móviles, como Android y iOS .
Hay comunidades en línea para compartir contenido de procesamiento, como OpenProcessing .
Algunos sitios web incluso permiten que los usuarios aprendan y utilicen el procesamiento directamente en el navegador, como el SketchPatch controlado por Flash y el HasCanvas , Sketchpad y p5.js (puro JS) controlados por JavaScript.
También hay puertos de procesamiento a los siguientes idiomas:
- JavaScript utilizando ProcessingJS o p5js
- ActionScript
- Python (ver NodeBox , Field , pyProcessing o el nuevo modo oficial de Python )
- Scala
- Clojure
- Rubí
El modo Android permite ejecutar bocetos de procesamiento como aplicaciones de Android con pocos o ningún cambio en el código al automatizar tareas desde la configuración del proyecto hasta la exportación de archivos .apk . Los bocetos de procesamiento de Android también tienen acceso a los dispositivos y sensores Android subyacentes.
Los usuarios avanzados no están limitados al IDE de procesamiento; Pueden configurar proyectos de Procesamiento en Eclipse ; use proclipsing o, alternativamente, use Sublime Text para crear y ejecutar bocetos a través del paquete de procesamiento sublime .
Versiones
| Versión | Fecha de lanzamiento |
|---|---|
| 1.5.1 | 2011-05-15 |
| 2.2.1 | 2014-05-19 |
| 3.1.2 | 2016-07-29 |
| 3.2.1 | 2016-08-19 |
Instalación y configuración
La forma más fácil de usar el procesamiento es descargar el editor de procesamiento desde la página de descarga de procesamiento .
Eso viene como un archivo zip. Descomprima ese archivo en cualquier lugar, y tendrá un directorio que contiene un ejecutable (en Windows, ese es el archivo processing.exe ).
Ejecutar ese ejecutable abre el editor de Procesamiento:
El editor de Procesamiento (también llamado el Entorno de Desarrollo de Procesamiento o PDE) contiene muchas herramientas que hacen mucho trabajo por usted. Le permite escribir código de procesamiento, que se 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. Vea la sección de 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ódigos básicos como Atom o Sublime Text , o con un IDE más avanzado como eclipse .
Hola Mundo
La forma más fácil de escribir código de procesamiento es simplemente llamar a una serie de funciones. Presione el botón Ejecutar en el editor de Procesamiento, y Procesando ejecutará su 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 de 200x200 , dibuja un fondo azul, cambia el color de relleno a verde y luego dibuja un círculo en el centro de la pantalla.
Sin embargo, la mayoría de los bocetos de procesamiento utilizarán las funciones de setup() y draw() predefinidas.
La función
setup()es llamada automáticamente por Processing, una vez al principio del boceto. Esta función se utiliza para realizar la configuración inicial, como elsizey la carga de recursos, como los archivos de imagen y sonido.La función
draw()se llama automáticamente procesando 60 veces por segundo. Esta función se utiliza para dibujar y obtener la entrada del usuario.void setup() { size(200, 200); } void draw(){ background(0); ellipse(mouseX, mouseY, 25, 25); }
Este código crea una ventana de 200x200 y luego dibuja un círculo en la posición actual del mouse.
