View Full Version : VGA Colour Cycled Artwork in HTML5

08-07-2011, 05:06 PM
You'll need a HTML5-compatible browser to view this:


Anyone remember Color cycling (http://en.wikipedia.org/wiki/Color_cycling) from the 90s? This was a technology often used in 8-bit video games of the era, to achieve interesting visual effects by cycling (shifting) the color palette. Back then video cards could only render 256 colors at a time, so a palette of selected colors was used. But the programmer could change this palette at will, and all the onscreen colors would instantly change to match. It was fast, and took virtually no memory. Thus began the era of color cycling.

Most games used the technique to animate water, fire or other environmental effects. Unfortunately, more often than not this looked terrible, because the artist simply drew the scene once, picked some colors to be animated and set them to cycle. While this technically qualified as “color cycling”, it looked more like a bad acid trip. For an example, just look at the water in this game (http://www.youtube.com/watch?v=wfkEr3Bxoqg).

However, there was one graphic artist who took the technique to a whole new level, and produced absolutely breathtaking color cycling scenes. Mark J. Ferrari (http://www.markferrari.com/), who also illustrated all the original backgrounds for LucasArts (http://www.lucasarts.com/) Loom (http://en.wikipedia.org/wiki/Loom_%28video_game%29), and some for The Secret of Monkey Island (http://en.wikipedia.org/wiki/The_Secret_of_Monkey_Island), invented his own unique ways of using color cycling for envrironmental effects that you really have to see to believe. These include rain, snow, ocean waves, moving fog, clouds, smoke, waterfalls, streams, lakes, and more. And all these effects are achieved without any layers or alpha channels — just one single flat image with one 256 color palette.

08-07-2011, 06:04 PM
Beautiful. And really makes me kind of depressed that I can't be that great an artist in any field lol.

08-07-2011, 08:45 PM
Any idea why this thing is only updating once per second? I'm using Chrome... wonder what the bottleneck is. It's unresponsive, too. Any tips for HTML5 performance?

08-07-2011, 11:38 PM
Stunning. They're wonderful artworks in their own right, and I can't help thinking that there could be some rather nice-looking browser based games in the future using this sort of approach. Thanks for sharing!

09-07-2011, 05:47 AM
Great, now I have to pee.

09-07-2011, 07:34 AM
There are options you can blend in, do they work?

also, these are some of the most beautiful animations I have ever seen.