Color Cycling in HTML5 (also, pretty old-school game artwork) - by Digital Nightfall
Digital Nightfall on 26/7/2010 at 08:45
Maybe you don't care about color cycling or HTML5, but you did love the artwork in the old Lucasarts games, especially as created by Mark Ferrari in LOOM. In either case, you might enjoy this. :)
For words, go here:
(
http://www.effectgames.com/effect/article.psp.html/joe/Old_School_Color_Cycling_with_HTML5)
To skip to the old-school awesomey goodness, go here:
(
http://www.effectgames.com/demos/canvascycle/)
Quote:
This demo is an implementation of a full 8-bit color cycling engine, rendered into an HTML5 Canvas in real-time. I am using 35 of Mark's original 640x480 pixel masterpieces which you can explore, and I added some ambient environmental soundtracks to match. Please enjoy, and the source code is free for you to use in your own projects (download links at the bottom of the article).
Just be sure you're not using IE, because then it won't work.
june gloom on 26/7/2010 at 08:55
That's actually kind of awesome.
Briareos H on 26/7/2010 at 09:55
This has made me horribly melancholic.
It's awesome, thank you.
Sulphur on 26/7/2010 at 11:35
Quote Posted by Digital Nightfall
Maybe you don't care about color cycling or HTML5, but you did love the artwork in the old Lucasarts games, especially as created by Mark Ferrari in LOOM.
I can only echo what Briareos said, and sigh at the memories. Thanks, it really is lovely.
catbarf on 26/7/2010 at 12:52
So, back in the day, they did animation in background pictures by swapping colors?
That's pretty impressive.
Trance on 26/7/2010 at 13:24
Those images look spectacular. Were these actually taken from LOOM or somewhere else?
Digital Nightfall on 26/7/2010 at 14:03
They're all from Mark Ferrari's personal portfolio. I don't know if any were ever used in a game or if they're just his personal artwork. I also don't know who animated them. They're not animated at his website.
smallfry on 26/7/2010 at 16:29
Color me impressed!!
Enchantermon on 26/7/2010 at 22:49
Quote Posted by Trance
Those images look spectacular. Were these actually taken from LOOM or somewhere else?
I wish those were in LOOM. Wow.
I didn't really care about HTML5's color cycling. I do now.
[EDIT] Not to say that LOOM wasn't beautiful, but these are also awesome.
Phatose on 27/7/2010 at 00:21
Pretty. Kind of silly to peg it as HTML5 though. The majority of the work is done server side, turning the old Amiga images into JSON, and after that doing the rest is trivial even in HTML4. Make a bunch of divs, set the background color of the ones that change with a css class, and then manipulate the class.
EDIT: Oh, Ipad and Iphone. That explains it. Buying into Apple's hype.
