True 8-bit Color Cycling using HTML5 canvas


icon

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

Discussion

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


user
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.


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

Those landscapes are very beautiful <33


user
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.


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

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


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

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


user
[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.


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

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


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

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


user
jeremy (Level 11 Special Agent) @ 7/28/2010 04:39

The mountain stream is fantastic


user
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.


user
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. :)


user
Nether (Level 5 Captain) @ 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.


user
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.


user
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.


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

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


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

Thats amazing. 


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

I'm enjoying the Hell out of these.


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

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


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

My soul bleeds... 


user
Jinn (Level 11 Godfather) @ 7/27/2010 16:04

Gorgeous!

(ok, Jal? xD)


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

OMG  This Is so freaking Amazing 


This Week's Pixel Art

further dota heroes icon/pixelartAngry Videl icon/pixelartTreant walk cycle icon/pixelartCrossovers We Never Wanted to See, No.084: "Anne of Clark Gables" icon/pixelart
Play party games with QuizBash app
Play party games with QuizBash app

Recent News

Donate

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.