Mozilla Demo Studio

  • Submit a Demo

The Pixelator

The Pixelator converts your images into an interactive canvas where you pixelate the image content through configurable layers. More fun than it sounds!

Built using JavaScript, HTML5, Canvas

  • 183 views
  • 0 comments

More About This Demo From The Author

The Pixelator is really a demonstration of the new imageData functionality within canvas. David Desandro wrote a JS library called Close-Pixelate, which does most of the heavy lifting in the demo: it's doing all the canvas manipulation. The Pixelator is basically just a user interface that allows you to dynamically construct your pixelated images through a simple series of layers.

http://desandro.com/resources/close-pixelate/

This Mozilla demo has all functionality of the live site (http://thepixelator.com) with the exception of being able to save your images. See thepixelator.com for that.

Enjoy!

@vancouverben

No comments yet.

Register or log in to add your own.

Get the Source Code

Download the Source 2756.33 KB · ZIP File

This demo is released under the BSD license.