Cuando vemos el código de algún dibujo en canvas de un diseñador grafico, nos ponemos con cara de impresionados al ver la gran cantidad de escritura, pero la verdad es que cada dia se desarrollan mas herramientas para hacernos la vida mas facil, una de ellas es Gury, una libreria de Javascript que quiere ser un motivo de felicidad para Diseñadores y Desarrolladores web que empiezan a trabajar con Canvas.

Esta libreria usa algo similar a JQuery para resumir la escritura del código fuente, incluso el código se puede confundir ya que es demasiado similar.

$(function() {
  // Obtener el lienzo como un objeto Gury
  $g('screen')
 
    // establecer su tamaño,
    .size(256, 256)
 
    // y color de fondo
    .background('#111')
 
    // Ahora agregue una función simple que dibuja una línea diagonal
    .add(function(ctx) {
      ctx.strokeStyle = '#f00';
      ctx.beginPath();
      ctx.moveTo(10, 10);
      ctx.lineTo(246, 246);
      ctx.stroke();
    })
 
    // Dibuja objetos de la escena sobre el lienzo
    .draw()
 
});

Gury acepta dibujos en lienzo y aplicar animaciones a nuestro Canvas, por ahora estan en una version Alpha 0.1.

Proyecto Gury

Luis Antonio Gomez Prieto

Luis Antonio Gomez Prieto

Co-founder and Fullstack developer at @wavecodela

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Cerrar