背景色おためしプログラム で のぼる階段

　マキヤグループ主催の「大好きな人似顔絵大会」で金賞を受賞したもんちゃん。ご褒美に祖父母が何か買ってくれると言うので、欲しかった油絵クレヨンをおねだりしました。早速ママが近所の画材屋に聞いてくれました。

　　「PentelのArt Crayonが入荷しました」との連絡を受け、取りに行った後で早速描いてみました。クレヨンの箱にはもんちゃんが好きな「おじいちゃん先生」（柴崎先生）の猫の絵が描かれていたので、インスパイアされてスパークしたので早速描き始めました。

　ママと一緒に描いてみます。描き方のコツをママに教えるんだけど、絵のことって伝えるのが難しい！立体感を出すには陰影が大事。光を表現するには白を巧く使うんだよ。

　最近少しずつパースを意識するようになったけど、描くのはまだ苦手。でも彩色は得意だから、色の付け方で立体感を出していきます。写真だと分かりづらいけど、実物は妙に艶のある立体感が表せています。ネコ本体は描き終えました。

　ひとまず背景の塗られていない絵の写真を撮ります。これをScratchで、新しいスプライトとしてアップロードします。スマホで撮った写真は共有でGoogleDriveにコピーしてScratchに使えば便利ですね。

　アップロードするとまずはビットマップ形式で扱われるので、この段階で消しゴムツールを使って背景を消していきます。これが面倒なのであれば、背景の白を透過色として保存したものをScratchでアップロードすれば楽ですね。もちろん、ScratchではなくTurboWarpを使っても良いですよ。

　まずは、背景色を順に変えていって気に入った色を見つけられるようなプログラムをチャチャっと組んでみようと思いまして、色の効果と明るさの効果を変えるブロックを使ってみます。但し背景に何もオブジェクトがなければ色などの効果は効かないので、背景には白い四角をステージいっぱいに描いておきます。

　とりあえず背景色を順に変えるプログラムを作って背景の色を変えて、これを動画化してみせてどれが良いかと聞いてみました。でもこれだと良かった良くないは記憶任せになるので、満足いくものではありませんでしたね。
　ユーザーフレンドリーの観点で改善するのが次の手でしょう。

　順に変化させたものを動画にして進む／戻るの操作で気に入った色を探すのは、ちょっと使い勝手が悪い。ということで、明暗と色味をマニュアル調整できるようにプログラムを組んでみました。

　色味は0～200で変わります。x座標の値は-240～240なので、-200～200の範囲を0～200に割り当てる変換をすればちょうどよさそう。ということで、-200のときに0としたいので[x座標+200]とします。でもこれだとx座標が200のときに400となってしまうので、2で割って200にしましょう。x座標が0のときに(0+200)÷2=100となります。数学の一次式です、役に立つでしょ？

　明るさは-100で真っ黒、100で真っ白なのですが、元が白なので明るさ=20でも真っ白です。y座標は-180～180なので、-150～150の範囲を-100～50くらいに割り当てればちょうどよさそうですね。y座標が150のときに50になるようにするには、[y座標-100]とすればいいですね。でもこれだとy座標が-150のときに-250になってしまいます。これを-100にするなら-250/𝒙=-100、𝒙=-250/-100なので𝒙=2.5となりますが、これは3でいいでしょう。-250÷3=83.3ですが、実際は-180までいけるので-280÷3＝-93.3、これで十分ですよ。