Contenido

Gury, librería para ayudarnos con HTML5 Canvas

13 oct

+ 3

Gury, es una librería Javascript que nos permite trabajar con el elemento HTML5 <canvas /> de forma sencilla, para ello han usado el encadenamiento de órdenes, similar al de jQuery, para reducir el tamaño de los scripts.


$(function() {
  // Get the canvas as a gury object
  $g('screen')

    // set its size,
    .size(256, 256)

    // and background color
    .background('#111')

    // Now add a simple function that draws a diagonal line
    .add(function(ctx) {
      ctx.strokeStyle = '#f00';
      ctx.beginPath();
      ctx.moveTo(10, 10);
      ctx.lineTo(246, 246);
      ctx.stroke();
    })

    // Draw the scene's objects onto the canvas
    .draw()

});

Destinada a un uso muy concreto, dispone de una buena serie de métodos para dibujar en el lienzo y aplicarle animaciones a nuestras creaciones.

Proyecto / Ejemplos

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.