True 8-bit Color Cycling using HTML5 canvas


Joe from Effect Games shows us how to recreate the classic palette color cycling using HTML5 canvas tag and JavaScript. The source code is available, along with great online examples using art by legendary LucasArts artist Mark Ferrari. It's amazing and beautiful what a great artist can accomplish with the technique.

I'm sure this will interest pixel artists and developers alike. :)

Posted by 1ucas @ 7/25/2010 14:37  |    21


If you would like to comment you will need to be logged in. Register now. It only takes a moment and it's free.

Darth Mandarb (Level 10 Operative) @ 7/29/2010 09:28

It's using a set pallete and cycling through the colors to create the effect.  It's color cycling.

And amazing to look at too!  Really cool stuff.

wishuponapixel (Level 6 Hitman) @ 7/28/2010 19:09

Those landscapes are very beautiful <33

Frost (Level 6 Serial Killer) @ 7/28/2010 13:13

It's pretty impossible to do color cycling with a  fixed palette.

Of course you can make something that resembles color cycling but it won't be color cycling.

Green_Hell (Level 2 Flatfoot) @ 7/28/2010 12:46

I wonder how hard is it to do color cycling with fixed machine palette.

Frost (Level 6 Serial Killer) @ 7/28/2010 12:11

Well, It is a bit harder to do color cycling without planar graphics. :)

[thUg] (Level 6 Hitman) @ 7/28/2010 08:52

Like DawnBringer said "What a sad world when you need the full power of a super-computer to fake what an Amiga did over 20 years ago with basically  zero cpu-load" 

Really nice art from Mark.

yrizoud (Level 6 Aquamarine) @ 7/28/2010 07:23

It's an emulation of color cycling, performed by Javascript overwriting the changing pixels.

Zweckform (Level 1 Intern) @ 7/28/2010 06:31

Some of them are really brainblasting. The art is ace in most of them, too.

jeremy (Level 11 Sphinx) @ 7/28/2010 04:39

The mountain stream is fantastic

TheManuz (Level 5 Killer Klown) @ 7/28/2010 01:43

@DawnBringer: I did not understand, it seems color cycling to me. Ok, there are two modes, the one with color blending cycling, and old plain color cycling, but i think it's real color cycling.

DawnBringer (Level 10 Maniac) @ 7/28/2010 00:04

It's not real color-cycling, it's pixel animation. What a sad world when you need the full power of a super-computer to fake what an Amiga did over 20 years ago with basically  zero cpu-load. But Canvas is still a nice thing and those images are pretttty snazzy. :)

Nether (Level 5 NES) @ 7/27/2010 23:12

I can't seem to close my mouth while watching those amazing landscapes. Right now my keyboard is being rendered useless by my own drool.

Chibi Robo (Level 5 Detective) @ 7/27/2010 22:07

If you check the spriter who did this amazing pixel art he doesnt even do even art anymore. Its a shame when you see such amazing pixel art like this.

Setzer (Level 8 Cannibal) @ 7/27/2010 20:48

This is very impressive. I've fooled around with palette cycling when I first got into pixel art (Zelda Classic only supported that and not animation at the time for background tiles), but nothing nearly as complicated as this.

These pictures are amazing on their own without understanding how they work, but even moreso when you do.

jamesmorrow07 (Level 1 Jukyu) @ 7/27/2010 18:53

How the hell is this even done!? Wow! I'm just stunned...

Elementy (Level 1 Rookie) @ 7/27/2010 17:59

Thats amazing. 

Xamllew (Level 3 Chief) @ 7/27/2010 17:48

I'm enjoying the Hell out of these.

jalonso (Level 11 Godfather) @ 7/27/2010 17:12

Go, enjoy it again...and this time be exited!

Ixolite (Level 2 Petty Officer) @ 7/27/2010 16:56

My soul bleeds... 

Jinn (Level 11 Cthulhu (The Call of Cthulhu)) @ 7/27/2010 16:04


(ok, Jal? xD)

wenruto (Level 5 Killer Klown) @ 7/27/2010 16:03

OMG  This Is so freaking Amazing 

This Week's Pixel Art

Valley of the spikes icon/pixelartLady Dimitrescu icon/pixelartConvict Carl Portrait icon/pixelartMAPAS DE SUDAMERICA icon/pixelart
Play party games with QuizBash app
Play party games with QuizBash app

Recent News


Want to give some dough back to all those amazing pixel artists? Donations provide prize money for contests, help cover hosting costs and support new initiatives.