Entradas con la etiqueta ‘dibujar’

JS – Dibujar en Canvas

Publicado por Iván Gajate el 3 de agosto de 2013 en JavaScript | Los comentarios están cerrados.

Un ejemplo básico para dibujar en canvas.



Descargar zip

Además, como el canvas es transparente, podemos simular que se dibuja sobre nuestra página, tal y como hice en el banner de Cuenta tu imposible de adidas :).

Utilizo HammerJS para que funcione también en iPad y dispositivos móviles.

Hidiho! Rich Strokes

Publicado por Iván Gajate el 16 de septiembre de 2009 en AS3, Diseño, Flash, Sitios Destacados | 1 comentario »

Yo con este tio lo flipo.

En serio, llega a unos niveles impresionantes. Dibujar con lineas con texturas, con sus curvitas y todo…

http://en.nicoptere.net/?p=476

Suavizar dibujado en ActionScript

Publicado por Iván Gajate el 23 de febrero de 2009 en AS3, Flash, Tutoriales | 8 comentarios »

Un truco que siempre utilizo cuando hago una aplicación de dibujo en ActionScript, es calcular la distancia entre el punto de dibujo anterior y el nuevo. Si esa distancia no es mayor de un mínimo, no dibujo la nueva línea.

Esto, a parte de mejorar mucho el rendimiento, sirve para suavizar el trazo, pues se disimulan mucho los temblores de dibujar con un ratón.

A esa distancia la llamo umbral de dibujo, y con que sea de 3 píxeles, es suficiente para reducir el número de líneas a un tercio. Un ejemplo

 umbral

 

Leer el resto de esta entrada