Loading article…

カラーサイクリングはパレットシフトやパレットアニメーションとも呼ばれ、コンピュータグラフィックスで色を変更してアニメーションの印象を与える技術です。この技術は初期のビデオゲームで使用されていました。1つの画像を保存してパレットを変更する方が、アニメーションの複数のフレームを保存するよりもメモリとプロセッサのパワーが少なくて済むためです。[1]
使用例
- Windows 9x の起動画面では、アニメーションを提供するために色の切り替えが使用されていました。
- 以前のバージョンの Windows に含まれていた 3D 迷路スクリーンセーバーでは、カラー サイクリングを使用して、使用可能な 4 つのフラクタル テクスチャをアニメーション化していました。
- Amiga Boing Ball は、ボールのチェッカーボード パターンを赤と白の間で循環させ、ボールが回転しているような錯覚を生み出しました。同じ手法は、セガ ジェネシスのSonic the Hedgehog 3のボーナス ステージで使用されており、チェッカーボードの球体が転がります。
- SimCity 2000では、この手法が広く利用されました。アニメーション付きの建物はすべて、カラー サイクリングによってアニメーションが提供されました。これは、点滅するライト、流れる水、道路を走る車、さらにはドライブイン シアターの小さな映画スクリーンに表示される 4 フレームのアニメーションなどの効果を提供するために使用されました。
- 多くのアドベンチャー ゲームでは、カラー サイクリングを使用して、流れる水、溶岩などの効果をシミュレートします。
- セガジェネシスの『ミッキーマニア』では、疑似3Dセクションでカラーサイクリングを使用して地面の動きをシミュレートしました。 [2]
アプローチ
カラーサイクリングは、カラーパレット内の特定の色を変更することでアニメーションのような錯覚を生み出します。[3]マーク・フェラーリの言葉を引用します。
最も単純で基本的なレベルでは、色の循環は、劇場の看板の電球とほぼ同じように、アニメーションの動きの錯覚を生み出します。
劇場の看板の電球が正しい順序で点滅すると、看板の周囲を小さな光の線が追いかけているように見えます。しかし、ご存知のように、個々の電球は動いていません。調整された順序で消灯と点灯を繰り返すことで、動いているように見えるだけです。色の循環では、画面上の影響を受ける各ピクセルは、看板の電球のように完全に静止していますが、ループする順序で色が変化し、隣接するすべてのピクセルが独自のオフセット順序で色を変えることで、色の帯が動いているような錯覚を生み出します。
— マーク・J・フェラーリ
参考文献
- ^ Ferrari, Mark. 「8 ビット & '8 Bitish' Graphics-Outside the Box」(ビデオ) . YouTube . GDC . 2022 年10 月 1 日閲覧。
- ^ ミッキーマニアの「不可能」な 3D チェイス - どうやって実現したのか? https://www.youtube.com/watch?v=nt-AxAqlrOo
- ^ Ferrari, Mark. 「Q & A with Mark J. Ferrari」(インタビュー) . Effect Games . Effect Games LLC . 2022年10月1日閲覧。
最も単純で基本的なレベルでは、カラーサイクリングは、劇場の看板の電球とほぼ同じように、アニメーションの動きの錯覚を生み出します。劇場の看板の電球が正しい順序で点滅すると、看板の周囲を小さな光の点が追いかけ合っているように見えます。しかし、私たち全員が知っているように、個々の電球は動いていません。動きの錯覚を生み出す調整された順序で消灯と点灯しているだけです。カラーサイクリングでは、画面上の影響を受ける各ピクセルは、看板の電球のように完全に静止していますが、ループするシーケンスで色を変更します。これは、隣接するすべてのピクセルが独自のオフセットシーケンスで色を変更することと連携して、色の帯が動いているような錯覚を生み出します。
外部リンク
- HTML 5 によるカラーサイクリング効果を紹介するギャラリー
- 追加機能を備えたHTML5によるカラーサイクリング効果を特集したギャラリー
