En el artículo anterior comentamos las particularidades de las Librerías Processing.js para el trabajo con el elemento Canvas del HTML5. Fue una sencilla introducción sobre lo que este framework ofrece a los desarrolladores de páginas web, en la dejamos en el aire toda la información necesaria para comenzar a utilizarlo.

Así pues, vamos a comentar en este artículo, de manera general, las dos formas posibles de utilizar Processing.js en páginas web. La primera de ellas basa su funcionamiento en el uso del propio lenguaje Processing y la segunda permite usar las librerías directamente a través de Javascript, lo que quizás resulte más cómodo para las personas que conocen ese lenguaje de programación. En cualquier caso, ambas posibilidades funcionarán siempre que dispongamos de un navegador compatible con Canvas del HTML5.

Descargar Processing.js

El primer paso consiste en descargar las librerías de Processing.js, para lo cual basta con acceder a la página de descargas del framework:

http://processingjs.org/download

Podemos obtener un zip con varios archivos, incluido el propio framework, otro zip con varios ejemplos o el archivo .js suelto en dos formas, normal y minimizado. En el momento de escribir este artículo están en la versión 1.1.0, con lo que el archivo para poner en marcha Processing.js se llama "processing-1.1.0.js" y el minimizado se llama "processing-1.1.0.min.js". Cualquiera de esas dos opciones servirá para comenzar, aunque en etapa de desarrollo interesa utilizar el archivo completo y en etapa de producción el minimizado.

Opción 1) Usar el lenguaje Processing

La primera posibilidad que nos proponen es trabajar con el lenguaje Processing, que opinamos estaría bien para aquellas personas que tengan experiencia previa en ese lenguaje de programación.

Esta manera de trabajar con Processing.js la explicamos en el artículo usar Processing.js mediante el lenguaje Processing.

Opción 2) Usar código nativo Javascript

La segunda posibilidad es escribir directamente código Javascript nativo, haciendo uso del objeto Processing, que implementa el framework. Esta segunda opción será propia para las personas que ya tenga experiencia en Javascript y no vean la necesidad o no deseen aprender un nuevo lenguaje.

Esta otra manera de trabajar con Processing la explicaremos en el artículo usando Processing.js mediante Javascript.