Canvasを使用してマテリアルの色を変更するにはどうすればよいですか?

Question

カラー ホイールを使用して文字の色を変更することに関する質問を Zhihu で見ました。リンクは次のとおりです。
質問を引用した画像

登場人物の服装が違うだけで、肌の色は同じです。元の記事ではこれを実現するためにカラーホイールが使用されていると述べられていましたが、専門的すぎてよく理解できません。Canvas を使用して実装するにはどうすればよいですか?カラーホイールを使用してマテリアルの一部を変更しますか?色についてはどうですか?ありがとうございます~

補足:
この画像はGameMakerで加工したものですが、このような画像をCanvasで加工する方法はありますか？

Answer 1

初期のカートリッジのメモリは限られていたため、画像を直接保存すると、キャラクターの画像だけでカートリッジがいっぱいになる可能性があります。ビットマップはビットマップで構成されているため、各点 (つまり、各ピクセル) は独自の色を持ちます。初期のカセットマシンでは、利用できる色があまりなかったため、カラーホイールがありました。 (PS を頻繁に使用する人は、カラー ホイールを知っているはずです。) つまり、画像で使用されるすべての色番号は、制御された容量を持つカラー ホイール (実際には、保存するだけで保存できる限り、従来の QR コード画像など) に保存されます。 2色）。次に、画像を保存するときに、対応するドット マトリクスの元のストレージに赤、緑、青のチャネルの値を記録する必要があります。カラー ホイールを使用した後、対応する色はシリアル番号に直接置き換えられます。これは、シリアル番号の保存スペースが赤、緑、青のデータよりも大きいため、必要なスペースが少なく、カラー ホイールは再利用できます (対応する色がカラー ホイールに存在する限り)。色はシリアル番号に置き換えることができます）、間接的にカセットのスペースを節約します。

保存中にカラーホイールのシリアル番号のみが保存されるため、カラーホイールの対応するシリアル番号の色を変更する限り、画像内の対応するシリアル番号の色を変更できます。

Canvas は真の色でいっぱいであり、コンピューターのストレージの急速な発展により、コンピューターのストレージ容量は以前のカセットよりもはるかに少なくなっているため、Canvas にはカラー ホイールがありません。ただし、カラー ホイールの原理を理解した後は、実際にカラー ホイールをシミュレートする解決策を考えることができます。カラー ホイールは数値を使用して色を置き換えるため、つまり、カラー ホイール内の色を置き換えると、画像内のすべての領域がその色と等しい色の値に置き換えられます。したがって、このアイデアに従って、あなたがしなければならないことは、色の値が特定の値に等しい画像内のすべての色を置き換えることです。ここでは、インスピレーションを得ることを期待して、コードを詳しく書きません。 http://www .deanhan.cn/canvas-...

さらに、以前のカートリッジ ゲームの 8 ビット イメージの場合、色の区別が大きいため、ペイント ディスクの交換ソリューションは比較的簡単ですが、既存のトゥルー カラー ビットマップの場合、現在のビットマップは非常に複雑であるため、これははるかに困難です。

のような区別がほとんどない色のグラデーションが存在する可能性が高く、これはペイント ディスクのアイデアを使用するのには適していません。 #dedede和#dededd

アップデート

現在の True Color 画像の色変換について説明します。一般に、RGB 値が HSL/HSV 値に変換され、H 値を調整することで色相が変更されます。

最後に RGB 値に戻します。このタイプの色は単独では変更できないことです (変換適用範囲を制限しない限り)。 H値で何かが変わりました。