texto:   A-   A+
eliax

Processing.js, librería gráfica para Javascript
eliax id: 4759 josé elías en may 12, 2008 a las 05:13 AM ( 05:13 horas)
Uno de los grandes avances en Javascript en la última generación de navegadores de Internet, es acceso a dibujar directamente sobre un objeto "Canvas" en el navegador, dándole tremendo poder de programación a los programadores de Javascript, sin necesidad de recurrir a maneras fuera del navegador para dibujar gráficos (como podría ser a través de Adobe Flash, Java, o librerías de PHP o ColdFusion en el lado del servidor web).

Este poder ahora ha sido liberado gracias a una nueva librería de programación llamada Processing.js creada por John Resig, el mismo creador de la popular librería de funciones jQuery. Los que saben de esto, reconocerán el nombre Processing, pues es una librería de código libre ya existente para otros entornos, y lo que sucede es que Resig la ha portado ahora para Javascript.

Con Processing.js no es solo posible dibujar, sino que transformar, animar e interactuar con el usuario, por lo que hablamos de una posible alternativa a Flash y Java en el navegador, sin necesidad de plugins o salir del entorno nativo del navegador.

Lo único a tener en cuenta con esta versión de Processing.js, es que literalmente necesita las últimas versiones de navegadores, como son Firefox 3 beta, la última compilación nocturna de WebKit (que es utilizado tanto en Safari como en Android), y la última versión beta de Opera (todavía esto no funciona con Internet Explorer). Una cosa a tomar en cuenta es que el Processing.js fue creado con Firefox 3, así que es el mejor soportado.

Será interesante ver qué rumbo toma esta librería, pues es obvio que Processing.js también compite con otra tecnología nativa que está ya siendo parte de la última generación de navegadores, y hablamos de SVG (Scalable Vector Graphics), que es una manera de dibujar gráficos vectoriales al estilo Flash directamente sobre el componente Canvas. SVG por ejemplo es utilizado por Google Maps hoy día como una de las maneras para dibujarte la ruta a seguir entre dos puntos geográficos, si tu navegador lo soporta.

Página oficial del proyecto Processing.js

Página oficial del original Processing

Si tienes Firefox 3 (que lo recomiendo muchísimo), puedes visitar estos enlaces adicionales:
Demostraciones básicas
Demostraciones temáticas
Otras demostraciones

autor: josé elías

Comentarios

  • lo probe , y el ejemplo de la vivorita que sigue el mouse , hace que firefox 3 beta 4 me consuma el 20% del cpu =/ (un amd athlon X2 3800)

    en un futuro va a ser muy util , pero por ahora , debido a la incompatibilidad y este problema de consumo de cpu (no se si sera problema solo de firefox)

    • KaraK,

      El tema del rendimiento del CPU está documentado en la página principal de Processing.js.

      Esta es la primera versión de pruebas que sale al público, por lo que no está diseñado para uso en sistemas en producción, y posiblemente no lo estará por muchos meses mas, al menos hasta que la nueva generación de navegadores salgan al mercado oficialmente y se estabilicen.

Añadir Comentario

tu nombre
tu email
(opcional)
web personal
(opcional)
en respuesta a...
comentario de caracteres máximo
8 + 2 = requerido (control anti-SPAM)
¿De qué color es el cielo?: requerido (control anti-SPAM)
 

"Estas noticias nos abren los ojos a cuestionarnos todo tipo de cosas incluso aquellas que damos por sentado."

por "Marcos" en oct 29, 2013


en camino a la singularidad...

©2005-2024 josé c. elías
todos los derechos reservados
como compartir los artículos de eliax