JSConf Asia2014


Once defined by its limitations, pixel art has evolved into a highly expressive visual style. Illustrators, product designers and artists continually challenge the conventional pixel art sensibility to produce beautiful work for the street, our homes and museums. Working in abstraction, pixel artists manipulate a simple set of design priniciples. This talk will focus on techniques to render pixel art in a web browser using JavaScript and the DOM. We’ll start by drawing characters and scenes in the traditional 8-bit style. We’ll also set them in motion and create framed-based pixel art animation. Next, we’ll focus on pixels themselves and how to transform them into autonomous agents. Using the same rendering techniques, we’ll create complex systems out of simple rules. As we try to balance these systems, we’ll observe interesting emergent behaviors. Finally, we’ll learn how to render these systems to HD video using Node.js and Photoshop. Vince is a software engineering manager at Spotify in New York. He’s been designing and programming for almost 20 years and devotes most of his spare time to FloraJS, a JavaScript framework for creating natural simulations in a web browser. Listen to Vince on Spotify (search for Vince Allen or his alias, DJ Monkey Pants) or find him at vinceallen.com.

Rated: Everyone
Viewed 1 times
Tags: There are no tags for this video.