Manual PJS

Manual de Processing.js, un framework Javascript para dibujo y animación en el elemento Canvas del HTML5.

Permite dibujar, animar e interactuar con el usuario a través de canvas mediante la web.

"ProcessingJS" es una librería que está basada en "Processing de Java" (Así como javascript es el hijo menor de Java para aplicar a la web, ProcessingJS persigue el mismo fin)

Nos permite hacer cosa maravillosas en relación a la interacción y a la capacidad de dibujos con animación como lo hace Java, pero con el motor de Javascript en los navegadores y basados en Canvas de HTML5.

Es uno de los complementos esenciales y más usados para el dibujo y los juegos Javascript y HTML5.

1.- Introducción a Processing.js

Processing.js es un framework Javascript para dibujo y animación mediante el elemento Canvas del HTML5.

2.- Primeros pasos para usar Processing.js

Cómo usar el framework para trabajo con canvas Processing.js, escribiendo código en el lenguaje Processing o escribiendo código nativo Javascript.

3.- Usar Processing.js mediante el lenguaje Processing

Cómo usar las librerías Processing.js para el trabajo con canvas, programando el funcionamiento mediante el lenguaje Processing.

4.- Crear una sencilla animación con Processing.js

Utilizando el lenguaje Processing vamos a crear un segundo ejemplo con una sencilla animación en Canvas que utiliza el framework Processing.js.

5.- Trabajar con Processing.js utilizando Javascript

Cómo trabajar con el framework Processing.js para dibujo y animación en el elemento canvas, pero utilizando siempre el lenguaje nativo Javascript.

6.- Definir interacción con el usuario en canvas con Processing.js

Cómo implementar eventos de ratón en el elemento canvas del HTML5 mediante el framework Processing.js.

7.- Acceso a recursos Javascript desde el lenguaje Processing

Cómo comunicar entre los lenguajes Processing y Javascript. En este artículo veremos como ejecutar instrucciones Javascript desde Processing.

8.- Acceder a Processing cuando estamos en Javascript

Comunicar Processing y Javascript para poder ejecutar código Processing desde funciones creadas en Javascript.

9.- Otro ejemplo de acceso entre Processing y Javascript

Ejemplo de animación en CANVAS, en una página que contiene diversos controles para modificar sus características desde programación en Javascript y elementos de formulario que se pueden acceder desde Processing.

10.- Usar imágenes en Processing.js

Cómo podemos trabajar con imágenes para animación en Canvas usando las librerías processing.js.