コンテンツにスキップ

カラーサイクリング

カラーサイクリングは、ピクセルデータを変更するのではなく、パレットのインデックスをずらすことで色をアニメーションする、クラシックなアニメーション技法です。
ピクセルは同じインデックスを保つため、パレットの順序を変えるだけで（例: 流れる水、溶岩、光、波）動きの錯覚が生まれ、非常に効率的なままです。

PixelOver では、カラーサイクリングはマッチインデックスとシフトの値を使って実現します。
マッチパレットをずらすと、時間とともに色の位置がずれ、各色のインデックスがシーケンスの次のものに置き換わります。

このアプローチにはいくつかの利点があります。

  • ピクセルデータが変更されない
  • アニメーションが軽量なまま
  • 結果がフレーム間で完全に一貫する

カラーサイクリングの作り方

カラーサイクリングアニメーションを作るワークフローは次のとおりです。

  1. レイヤーからインデックスパレットを作成または生成します。
  2. 色がサイクルの方向に並ぶようにパレットを並べ替えます。
  3. マッチインデックスを有効にし、パレットをマッチパレットとして複製します。
  4. シフトの値を時間とともにアニメーションします。
  5. アニメーションでループを有効にします。

シフトの値が増えるにつれて、色がパレットを巡り、滑らかなループアニメーションが生まれます。

以下は、PixelOver でカラーサイクリングアニメーションを作る方法の動画例です。