Kürzlich hat mich ein Freund auf das überaus faszinierende HTML5 Projekt von Joseph Huckaby aufmerksam gemacht. Er hat es geschafft per HTML5 Canvas den Color Cycle in einem Browser in Gang zu bringen. Er verwendet dazu 17 jährige Bilder des Künstlers Mark Ferrari, welcher u.a. bei LucasArts Projekten wie ZakMcKracken, The Secret of Monkey Island, Loom, Indiana Jones and the Fate of Atlantis mitwirkte. Die Bilder stammen grösstenteils aus einem Projekt namens Seize The Day.

Color Cycle, auch bekannt unter dem Synonym Palette Shifting, ist eine Technik in den frühen 90er Jahren entwickelt wurde, um mit möglichst wenig Daten, eine Animation zu schaffen. Früher zählte ja jedes Byte .

Das Prinzip ist folgendes: Bilder wurden mit einer indizierten Farbpalette abgespeichert und per Palette Shifting wurden dann die einzelnen Farben in der Palette vertauscht oder verschoben, was sich dann logischerweise auf das Aussehen des Bildes auswirkte. Korrekt angewendet entsteht dadurch die Illusion einer Bewegung. Man kann am Beispiel sehr schön sehen, was mit der Palette passiert. Der technische Aspekt geht über meine Kenntnisse als Programmierer hinaus, obwohl ich den Source der Beispielseite schon studiert habe, verstehe ich noch nicht genau, wie der Shift funktioniert.

Jedenfalls hat es Joseph Huckaby geschafft mit den neuen Möglichkeiten von HTML5 dieses visuelle Spektakel nun Browserlauffähig zu machen.

Joe von Joe’s Blog hat zu diesem Thema ein ausführliches Interview mit Mark Ferrari geführt – Sehr lesenswert (Zum Interview).

Color Cycle in Action! (Beispielseite)

Quellen/Danksagung
www.effectgames.com (Source Download hier verfügbar)
www.markferrari.com
www.effectgames.com/demos/canvascycle
Ein herzliches Dankeschön geht an Yves, welcher mich auf dieses Thema aufmerksam gemacht hat!