Cocos Creator でComponent（コンポーネント）のColor（色）をScript（スクリプト）から変える

Cocos Creator はちょっとしたアプリを作るのに便利ですね。ym103は仕事でもプライベートでも、Cocos CreatorとAWSサーバレス環境を使っているので実装サンプルを紹介していきたいと思います。まだまだ利用者が少ないのか参考記事も少ないのでぜひご活用ください。

基本的に無料コンテンツのテキスト記事だけでも実装できるようになっています。ただ有料コンテンツは画面キャプチャ、ディスクリプション、TIPSも含まれますので初心者の方におすすめです（キャプチャや画像編集の作業の手間賃だと思っていただけると幸甚です）。

今回の記事の動作確認環境はCocos Creator2.4.1です。マシンOSはWindows10です。

基本フォーマットはこちら
myComponent.node.color = cc.Color.RED;

myComponentは色を変えたいコンポーネントです。その対象コンポーネントのnodeコンポーネントが持つColor Propertyを変更します。

cc.Color.で指定できる色はこちら
WHITE Color Solid white, RGBA is [255, 255, 255, 255].
BLACK Color Solid black, RGBA is [0, 0, 0, 255].
TRANSPARENT Color Transparent, RGBA is [0, 0, 0, 0].
GRAY Color Grey, RGBA is [127.5, 127.5, 127.5].
RED Color Solid red, RGBA is [255, 0, 0].
GREEN Color Solid green, RGBA is [0, 255, 0].
BLUE Color Solid blue, RGBA is [0, 0, 255].
YELLOW Color Yellow, RGBA is [255, 235, 4].
ORANGE Color Orange, RGBA is [255, 127, 0].
CYAN Color Cyan, RGBA is [0, 255, 255].
MAGENTA Color Magenta, RGBA is [255, 0, 255].
r number Get or set red channel value
g number Get or set green channel value
b number Get or set blue channel value
a number Get or set alpha channel value

画面キャプチャ等を使ったもっとわかりやすい説明は後々に追加する予定です。