スプライトの色を変更するにはどうすればよいですか？

私のリズムゲームには、ノートチャートによって異なる色のノートオブジェクトがあります。使用するすべての異なるカラーバリエーションを持つスプライトシートを使用できますが、これをパラメーター化したいと思います。（各ノートスプライトは、色相のさまざまな色合いで構成されています。たとえば、赤いノートは、赤、明るい赤、濃い赤のみを持ちます。）

スプライトを新しく着色するにはどうすればよいですか？

私はOpenGLを使用していますが、アルゴリズムや数学の説明で十分です。:)

おそらく、アルファチャネルを備えた単一のカラーイメージ（たとえば、ノートスプライト）を使用し、その後、ベースカラーでイメージ全体を着色します。それで、次の画像のようなもの（ウィキメディア・コモンズから）：

色が赤の場合、ノート（すべての黒い部分）を同じ赤で着色します。さらに必要なのは、ノートの陰影が付いたグレースケールイメージです。次に、乗算やスクリーンなどのブレンドモードを使用して、シェーディングとフラットカラーを組み合わせます。

別の、おそらくより簡単なアプローチは、選択した色で各色成分を乗算するグレースケール画像を用意することです。したがって、のグレー値0.5と赤い色RGB(1.0, 0.0, 0.0)があるRGB(0.5, 0.0, 0.0)場合、指定されたピクセルでその結果になります。

更新：これがブレンドモードで私が何を意味するかを説明するためのサンプル画像です：

もちろん、ハイライトが必要ない場合は、シャドウレイヤーを使用することもできます（これは、基本的に、前述のより簡単なアプローチと同じです）。

表示する画像のグレースケール（または白のみ）バージョンを、適切なアルファチャネルを使用して作成します。頂点カラーを使用して画像を「染色」します。

頂点カラーは各チャネルを乗算するので、白x赤=赤、50％グレーx赤= 50％赤、というようになります。