8-Bit Video Game Style Color Cycling in HTML 5

Note: This article is part of our archive and is likely out of date.
(Links may not work, downloads have not been recently tested for safety)

By Lowell Heddings on August 2nd, 2010

Do you remember how those retro video games used to have backgrounds with animated water or fire? They used a technique called color cycling, which is now possible on the web thanks to HTML 5.

The general idea of color cycling is that older video games were in an era that didn’t have access to a ton of colors and horsepower, so instead programmers would cycle the color palette, which made the image appear to change or animate… but it was really just colors changing.

Here’s how one programmer used the new HTML 5 technologies to implement the same thing in your web browser… and it’s rather interesting to look at.

Old School Color Cycling with HTML5

Lowell Heddings, better known online as the How-To Geek, spends all his free time bringing you fresh geekery on a daily basis. You can follow him on if you'd like.

  • Published 08/2/10
More Articles You Might Like

Enter Your Email Here to Get Access for Free:

Go check your email!