Ejemplo Basico Processing
El ejemplo a continuación fue tomado de Ejemplo Processing Después de instalar Processing, se crea un nuevo SketchBook en este se coloca el código del ejemplo y se presiona ejecutar Aunque este es un ejemplo de Processing, puede ser visualizado en el navegador gracias a P5.js.Para esto es necesario importar la libreria de JavaScript P5.js y ajustar ajustar el código del ejemplo a Javascript y a los metodos especificos de P5.js El codigo ajustado a P5.js fue tomado de Ejemplo P5.js La principal diferencia de Processing con WebGl, es su alto nivel, como se puede ver en el ejemplo, para crear una elipse, simplemente llamamos el método ellipse() con los atributos necesarios y Processing realizara por nosotros todo el trabajo. Además para realizar una animación, basta con aumentar o disminuir las variables necesarias en el método draw(), ya que Processing lo llama automáticamente para pintar cada "Frame" de la animación.