devlog [naru design]

プログラミングやテクニカルな内容の覚え書き。

画像ファイルから生成したCCSpriteオブジェクトのcolorプロパティを変更すると、どのように色が変わるのかを確認しました。

確認に使った画像はモノクロとカラーの2つ。

panel.png

panel.png

panel_rgb.png

panel_rgb.png

モノクロ(panel.png)は、100%, 50%, 0%グレイの3色で塗りつぶし、カラー(panel_rgb.png)は、R255, G255, B255の3色で塗りつぶしてあります。

サンプルコード

実行結果

iOSシミュレータのスクリーンショット 2013.01.16 13.14.34

それぞれの色のピクセルに対して、設定したそれぞれのカラー値(n)が乗算されているような結果になりました。

Red(new) = Red(now) * n / 255
※Green,Blueも同じ

ということでしょうか。

  • モノクロの素材のみを用意しておき、colorで着色することでカラーバリエーションを持たせる。
  • カラーの素材を用意しておき、colorで特定の色をマスキング。
  • colorの値を変化させることで特定の色のみをフェードイン/フェードアウト。

などに応用できそうです。

Pocket
[`evernote` not found]

コメントを残す

Trackback URL: