今やパソコンで写真や動画を当たり前のように見てますが、一昔前は写真一枚を表示するだけでも大変でした。というのも、ビデオメモリの制限により、画面の中で同時に使える色の数が16色や256色までと決められていたのです。スーファミの画面みたいな。
パレット入れ替えによるアニメーション
そんな中、少ない色数でアニメーションを表現する1つの方法として、色のパレットを徐々に入れ替え、あたかも動いているように見せるテクニックが生まれました。画像に使われている色を徐々に別の色に変えることで、画像データを変化させずに、雨や滝などのグラデーション部分を動かしたのです。
Canvas Cycleは、256色(8bit)のパレット入れ替えによるアニメーションを再現する、HTML5で再現されたWEBアプリ。限られた色の世界に広がるのは懐かしくも新しい表現スタイル。リンク先では音付きでデモが見れます。
Canvas Cycle: True 8-bit Color Cycling with HTML5
Canvas Cycleサンプル
