前回の第７章では、XANA:Builderのアセットの拡大・縮小について学びました。（まだ読まれてない方はこちら↓のリンクをクリックして読んでみてね）
では、今回はアセットの色の変更について学んでいきましょう！
今回の講座はまやが担当します。
よろしくお願いします！
まやちゃん、よろしく〜！
今回は、アセットの色を変更してみるよ。
アセットの色の変更？？
それって必要なの？？
絶対に必要ってわけではないけど、
これを覚えるとワールド内での表現の幅が広がるよ！
おおおっ！わかった！覚える！
色の設定方法について
では色の設定方法について学んでいきましょう。
まずはどうやって色を変更するかを学んでいくよ！
色の設定方法は、色を視覚的に見ながら決める方法と
カラーコードを直接入力するる方法があるよ。
色を直接見ながら選んでみよう
XANA:Builderの右側にあるcolorで設定を行います。
左の図で囲っているところが現在選択されている色だよ。
右側の図にある大きな円や下の２つのバーで色を調整するの。
大きな円で色を選んで、下のバーの２つで色の濃淡などを決めるのね。
直接カラーコードを入力してみよう
では次に直接カラーコードを入力する場合はどこからやるのでしょうか。
カラーコードで入力したいよ〜！
今「＃FFFFFFFF」って記入されている場所があるよね？
ここにカラーコードを直接入力すると色が変わるよ！
あれ？＃の後が8桁あるよ。
どうして？？
8桁の内訳としては、RGB＋透明度を表しているよ。
現在一番最後の二桁は透けない設定である「FF」しか選択できないよ。
ふむふむ。
ということは、赤色を選びたければ
「#FF0000FF」って入力すればいいってことだね。
そうだね。
わかったー！
これは直接触ってもらったほうがわかりやすいと思うので、
ぜひXANA:Builderを起動して触ってみてね。
まやちゃんまやちゃん。
一番下にあるスポイドみたいなのと
「＋」ってのはどんな機能なの？
左側の図で囲ってある「スポイド」は
他の「この色と一緒の色を使いたい！」というような時に
色をコピーするための機能だよ。
色のコピー？？？
たとえば、らふの体の茶色と同じ色を使いたい！と思ったら、
らふの体の上にスポイドを持って行ってクリックすると
体の色をコピーすることができるんだよ！
おおお！それは便利だね！
そして「＋」をクリックすると色の保存ができるの。
お気に入りの色などをここに登録しておくと
今後の作業がはかどるようになるよ！
おおお！それはいいね！
では実際にやってみよう
アセットにはデフォルトで色がつけられていますよね。
こちらのビルのアセットにも元々このような色がついています。
よし、このビルの色を変えてみよう！
何色にしてみたい？
よし！青色のビルにしてみたいぞ！
では、色を変えたいアセット（今回はビル）を選び、
右側にあるカラーで青色に変更してみよう！
青…。変更できた！
では、同じビルを赤色・緑色にできるかな？
やってみよう！
赤と緑…できた！！！
けど、緑は全部が同じ緑色になったわけではないね？
どうして？？
よく気付いたね！
もともとのアセットの色も反映されちゃうの。
だから、アセットの元の色に「緑色」を足した感じの色になるんだよ。
ん？？どういうこと？？
じゃぁ、ちょっと詳しく例をあげながら見てみよう！
アセットの色について学んでみよう
たとえば、真っ白のボールがこのようにあったとしよう！
おっ。真っ白ボール！
これに先ほどと同じように赤・青・緑でそれぞれ色をつけてみよう。
わー！！！めっちゃ綺麗な色のボールができた！
今回のボールはアセットのデフォルトの色が「白」だったから
赤や青・緑の色が綺麗に出たね。
そうだねー。
めっちゃ綺麗な色になったよ！
では、アルファベットの「A」で同じことをやってみよう！
「A」のデフォルトの色は青緑っぽい色だね。
よし、これを赤・青・緑で変更してみよう。
左から「赤」「青」「緑」に設定したけど…
実際はどうかな？
青と緑はそんなに変わらないけど、
赤は赤くならずに黒くなっちゃった！！！
元々「青緑」っぽい色だった「A」という文字は
「赤色」を足すと「黒」になっちゃったってことだね。
ふむふむ。
ということは、もとの色が何色かによって、
そのアセットで作れる色と作れない色があるってことかな？
そうだね。
だから白色ではないアセットを「白色」にすることはできないよ。
そういうことか！！！
わかった！
自分の好みの色に設定できるようになると、
ワールドを作る幅が広がると思うよ！
ぜひ頑張ってみてね。
今回アセットの色を変えることについて学んできました。
次回はXANA:Builderの地面の設定について学んでいきたいと思います。
