HTML5 Canvas + color cycling = 8-bit graphical win!
While the bulk of the buzz about HTML5 still seems to be focused on the video tag, there are plenty of other awesome developments cropping up. Things like drag-and-drop attachments in GMail and all those crazy Internet Explorer 9 Test Drive samples.
Then there's the work of developer Joe Huckaby. Joe has taken images created by graphic artist Mark Ferrari to produce some incredibly cool, animated retro gaming images using HTML 5's canvas element to reproduce an effect called color cycling. While the demos themselves are impressive, equally as impressive is the fact that they work extremely well on darn near any HTML5-compatible browser -- including mobile Safari.
You can view Joe's demos on this page -- my favorite is the one above, Water City Gates.
Then there's the work of developer Joe Huckaby. Joe has taken images created by graphic artist Mark Ferrari to produce some incredibly cool, animated retro gaming images using HTML 5's canvas element to reproduce an effect called color cycling. While the demos themselves are impressive, equally as impressive is the fact that they work extremely well on darn near any HTML5-compatible browser -- including mobile Safari.
You can view Joe's demos on this page -- my favorite is the one above, Water City Gates.
[via Ajaxian]













Comments
6
Subscribe to commentsVicJul 27th 2010 4:39PM
Only one rainbow. A bit disappointing.
PsadorJul 27th 2010 4:45PM
Fantastic! It reminds me of some old adventure games from sierra and lucas arts. I don't know if they used this color ciclying in these games, but it's how i remember
RUGRLNJul 28th 2010 1:31AM
Link says: this domain does not exist! :( :(
PeterJul 28th 2010 3:16AM
Wow, a new technique to go back in time 20 years :) Back to the old days of colorcycling in adventure games!
SamuelJul 28th 2010 3:34AM
wow. Can it be embed to my website?? that's really cool
Sir LoinJul 28th 2010 11:45AM
This is great! I used to create art using that technique on the Atari ST back in the day. Such a simple feature, yet has awesome results.