Contenido

Processing.js gráficos increibles sobre canvas con Javascript

13 may

+ 2

John Resig ha portado al Javascript, Processing. Un lenguaje de programación destinado al mundo de las animaciones y gráficas.

molten1
molten2
molten3
Ejemplo Molten

// All Examples Written by Casey Reas and Ben Fry
// unless otherwise stated.
size(200, 200);
background(100);
smooth();
noStroke();

int diameter = 150;
int[] angs = {30, 10, 45, 35, 60, 38, 75, 67};
float lastAng = 0;

for (int i=0; i<angs.length; i++){
  fill(angs[i] * 3.0);
  arc(width/2, height/2, diameter, diameter, lastAng, lastAng+radians(angs[i]));
  lastAng += radians(angs[i]);
}
// Ejemplo Pie Chart

Viendo las imagenes, que nos deja en las demos, podemos hacernos una idea de las posibilidades que nos ofrece esta implementación. Para disfrutar de los más completos ejemplos tendremos que usar navegadores beta (Firefox 3.0, Opera 9.5b, WebKit,..) ya que incoporan mejoras en cuanto al canvas se refiere, aunque la mayoría de opciones están disponibles para todos los navegadores, y todo en solo 34,kb de javascript.

¿Un paso más para decirle adiós al Flash en las aplicaciones web?

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.