You won't want to miss out on the world-class speakers at TNW Conference this year 🎟 Book your 2 for 1 tickets now! This offer ends on April 22 →

This article was published on July 30, 2012

Pixelate and pointillize your images on the fly with SeuratJS


Pixelate and pointillize your images on the fly with SeuratJS

Built atop Raphaël, a small JavaScript library that simplifies working with vector graphics on the Web, SeuratJS is a plugin created by Greg Smith that makes it easy for developers to pixelate and pointillize images on the fly.

According to the creator, the aptly named plugin (read: Georges Seurat) works by “extracting color data from an image of your choice and rebuilding the original with filled graphical primitives in SVG.” It’s a simple plugin with varied results that range from goofy effects to honestly useful and artistic results.

More, from Smith:

SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. Seurat makes it extremely easy to alter what primitives are generated (how they look and where they appear) and how they animate.

SeuratJS uses the HTML5 canvas to parse color data and, because of this, the library operates entirely on the client side.

Here are a few examples of what can be done:

SeuratJS can be downloaded (and played with) for free on the project’s home page or via GitHub.

The <3 of EU tech

The latest rumblings from the EU tech scene, a story from our wise ol' founder Boris, and some questionable AI art. It's free, every week, in your inbox. Sign up now!

➤ SeuratJS

Source: Webdesigner Depot

Get the TNW newsletter

Get the most important tech news in your inbox each week.