Ver ejemplo >>

Descargar Proyecto JavaScript >>

Para cambiar el color del pincel tenemos que manipular los datos de la imagen que utilizamos como SpriteSheet. Esto provoca un error de seguridad en Firefox y Chrome si la aplicación se ejecuta en local. Por esto, si vas a utilizar alguno de estos navegadores para revisar este ejemplo sería conveniente que lo hicieras en un servidor local.

El selector de color lo hemos tomado ‘prestado’ de Mrdoob Mr.doob HitHub.

Por otro lado, para cambiar el valor de la densidad del pincel y la escala hemos recurrido al nuevo tipo ‘number’ que actualmente sólo soporta WebKit(Chrome, Safari) y Opera, por lo que si ves la aplicación desde otro navegador, estos campos aparecerán como inputs normales.