Archivo

Entradas etiquetadas ‘canvas’

PROTOVIS – Script Javascript para graficar datos

15-04-2009

protovis-grafico-ejemplo1PROTOVIS es un script Javascript para visualizar datos usando el elemento canvas, esta permite crear gráficas de barras, puntos, etc.

En este blog he presentado varios recursos y bibliotecas con funciones y scripts especialmente diseñados para tomar un grupo de datos y representarlos gŕaficamente. En este caso, es otro recurso más que se destaca por ser una solución robusta y poderosa, que permite utilizar varios tipos de gráficas, que es fácil de programar – especialmente para los que estén familiarizados con Javascript – y que además está muy bien documentado (en inglés). Sigue…

Desarrollo, Internet, Javascript, Recursos , , , , , , , ,

GameJS – Un framework para crear juegos 2D

29-10-2008

Si alguna vez usaste un framework, sabes lo útiles que son y como permiten ahorrar tiempo de desarrollo.

Si como yo, no te gusta usar tecnologías como Flash, existe una solución, no tan potente pero muy interesante para usar en el desarrollo de juegos 2D.

Se trata de GameJS que es un framework Javascript que permite crear videojuegos.

Este framework hace uso de las librerías: Sylvester.js (vectores y matrices), strokeText.js (escribe texto en canvas) y la famosa ExtJS.

También utiliza la etiqueta canvas por lo que para IE, también hace uso IECanvas.

Estuve probando el demo de un Tetris en Firefox 3 bajo Ubuntu 8.04 y la verdad es que parece un juego desarrollado en Flash.

Creo que dependiendo del proyecto, GameJS puede resultar una opción interesante y atractiva.

Sitio/demo: www.tommysmind.com/gamejs

Vía: sentidoweb.com

Desarrollo, Diseño , , , , , , , , ,

Canvas 3D Graph – Utilísimo Javascript para crear gráficos de barras

12-08-2008

Canvas 3D Graph es un utilísimo Javascript que nos permite crear gráficos de barras 3D. Es fácil de implementar, los gráficos son de alta calidad y está en una versión inicial todavía por lo que en los planes de los desarrolladores está el incorporarle otras funcionalidades.

Como Internet Explorer no soporta la etiqueta <canvas>, el autor de esta biblioteca utiliza excanvas.js para crear los gráficos para este navegador. El problema de esto es que en dicho navegador puede congelarse en circunstancias en que esté graficando muchos datos. Para poner en contexto este problema, en Safari esta biblioteca funciona 10 veces más rápido que en IE.

Para implementarlo en cualquiera de nuestros desarrollos sólo se necesita: Sigue…

Desarrollo, Linux , , , , , , ,

JavaScript + Canvas Gauge – Interesante recurso para implementar un medidor con Javscript

19-06-2008

Javascript Canvas - Demo | Captura de pantallaJavaScript + Canvas Gauge es un interesante y práctico recurso para desarrolladores que permite implementar si necesidad de utilizar Flash, un medidor (Gauge). Para esto solo hace uso de Javascript y del elemento HTML Canvas.

Este permite establecer un valor, el medidor moverá la aguja indicadora hasta llegar a dicho valor.

Como Internet Explorer no soporta nativamente el elemento Canvas, suministran también el código necesario para que funcione en dicho navegador. Sigue…

Desarrollo, Diseño, Recursos , , , , , , ,