こんにちは！
京都市伏見区にある子ども向けデジタル教室『エンゼルものづくりラボ』のプリンです！

今日は「プロクラ」の初級コースを受講中の生徒さまからよくあるご質問『条件分岐を使って絵を描きたい！』
の作り方の１つをご紹介します！

最後にサンプルコードを公開しておきますので、わからなくなったらそちらをご覧ください。

他のやり方でももちろん作れますので、ぜひアレンジして自分だけの絵を描いてみてくださいね！

今回は１５×１５マスの範囲に９×９マスの絵を描いていきたいと思います。
地面にはわかりやすくあらかじめマス目の模様を描いておきました。
※サンプルコードの「チャットコマンド　tile」


今回エージェントは図の左下の位置からスタートします。

エージェントのスロット１～３に、３つのブロックを渡します。

スロット１：地面に埋め込んでおくためのブロック
スロット２：絵の模様になるブロック
スロット３：模様以外の塗りつぶしに使うブロック

こんな風に、目と口の部分に先にブロックを埋め込んでおきたいと思います。

チャットコマンド「face」を作成し、「スロット番号１」を有効にして、絵を描きたいところにブロックを置いていきましょう。

右のサンプルコードは、ためしに１つだけ左の目を置いてみたところです。

地面にはすでに草ブロックやタイルのブロックがあるので、ブロックを置く前に先に破壊させる必要があることに注意しましょう。

１つだけ置き換えることができることを確認したら、もう片方の目やのこりの口の部分も自分で考えて作ってみましょう。

口の部分は横に５ブロック並んでいるので、ループ（繰り返し）を使うことができますね。

エージェントに、9×9マスの範囲を順に調べながらブロックを置かせます。

①エージェントの足もとのブロックを調べる
②もしスロット１のブロックが埋め込まれていたらスロット２のブロックを上に置く
③もしスロット１のブロックが埋め込まれていなければスロット３のブロックを上に置く

①～③の作業を９×９マスすべてに繰り返すと、頭の上に絵が現れます。

チャットコマンド「faceif」に条件分岐のコードを書いてみました。

①絵を描きたい9×9マスの左手前にエージェントを移動させます。

②まずは前に向かって１列分を調べていきましょう。
　エージェントの下のブロックを調べて、スロット１のブロックをみつけたらスロット２のブロックを頭の上に置く、そうでなければスロット３のブロックを頭の上に置きます。

③１列分調べ終わったら、次の右の列を調べたいので、後ろに9ブロックさがって、右に１ブロック移動します。

④　②と③の動きを横方向に９列分繰り返すと、９×９すべてを調べながらブロックを置き終わります。

さきほどはブロックをエージェントの上に置きましたが、もし地面の上に直接置きたい場合は、さきほどのコードを少し改良すると置くことができます。

変更ポイント①　エージェントの足もとのブロックを調べたら、今エージェントがいる位置にブロックを置くために、前に1歩移動します。移動しおわったら、後ろにブロックを置きましょう。

変更ポイント②前に1列調べ終わった後、右の列に移動しますが、後ろにブロックが置かれているので、そのまま後ろに移動することができません。先に右の列に移動してから、後ろに９ブロック後退しましょう。