アワーオブコード「アナとエルサとコードを書く」答えを導くためのヒント

アワーオブコード(Hour of Code)は、無料むりょうで利用りようできるプログラミング学習サイトです。

さまざまな課題かだいをクリアしながら、プログラミングの基本きほんを学べます。

その中でも、ディズニー映画えいが『アナと雪の女王』を題材だいざいにした「アナとエルサとコードを書く」は人気の高いアクティビティです。

アナ雪のキャラクターといっしょに美しい氷のもようを作るという内容ないようで、楽しく取り組むことができます。

しかし、角度の知識ちしきとわり算が必要ひつようになるため、むずかしいと感じる子もいるかもしれません。

そこで、この記事では「アナとエルサとコードを書く」を解とくヒントを紹介しょうかいします。

答えは公開しませんので、ぜひヒントを参考さんこうに自分の力でチャレンジしてみてください。

 

アワーオブコードの使つかい方かたは、以下いかの記事きじで紹介しょうかいしています。

「アナとエルサとコードを書く」のレッスン一覧

「アナとエルサとコードを書く」は、20レッスンあります。

リンクから各かくレッスンの解説かいせつに飛とびます。

 

Lesson1：線を1本かく

線を1本かくプログラムを作ります。

「（まえに）うごく（100）ピクセル」ブロックを使いましょう。（まえに）と（100）はそのままでOKです。

 

ピクセルは、画像がぞうを構成こうせいする最小さいしょうの単位たんいです。

テレビやスマホの画面をよく見ると、小さな四角形がならんでいるのが見えます。

実は、画面はたくさんの小さな四角形でできていて、その一つ一つが「ピクセル」と呼よばれています。

ピクセルがたくさんある（解像度が高い）と、画像があざやかではっきり見えます。逆に、ピクセルが少ない（解像度が低い）と、画像があらく見えることがあります。

 

Lesson2：2本の線を90度の角度でかく

2本の線を90度の角度でかくプログラムを作ります。

「うごく」ブロックと「まがる」ブロックを使います。「まがる」ブロックはエルサから見て右（または左）に曲がるので注意しましょう。

 

Lesson3：四角形をかく①

4本の線で四角形かくプログラムを作ります。

実行スピードは、ウサギのほうにスライドすると早く動きますよ。

 

Lesson4：四角形をかく②

「くりかえし」ブロックを使って四角形かくプログラムを作ります。

「くりかえし」ブロックの中に配置はいちされたコードは、指定された回数だけくり返し実行されます。

「くりかえし」ブロックの中には、「前にうごく 100ピクセル」と「右にまがる 90度」ふたつの命令めいれいがあります。

Lesson3のプログラムを参考さんこうに、何回くりかえしたらいいか考えてみましょう。

「くりかえし」ブロックを使うと、プログラムがシンプルで見やすくなりましたね。

また、プログラムの修正しゅうせいがかんたんになります。

たとえば一辺へんの長さを100ピクセルから200ピクセルに変かえたくなった時、Lesson3のプログラムでは4か所修正しゅうせいが必要ひつようですが、Lesson4は1か所の修正しゅうせいですみます。

 

Lesson5：四角形を3つかく

四角形を3つかくプログラムをつくります。

「くりかえし」ブロックが二つになりました。

ひとつ四角形をかいたら、120度まがりましょう。

120度は、円を1周しゅうする角度である360度を3等分した値あたいです。

 

Lesson6：雪のもよう（四角形を10個かく）

四角形を10個こかいて雪のもようを作るプログラムをつくります。

考え方はLesson5と同じです。

今回は四角形を10個こかくので、360÷10で36度まがります。

 

Lesson7：＋をかく

＋の形をかくプログラムをつくります。

後ろに動く時、エルサの向きは変かわりません。

動きがイメージできない時は、そのまま実行して確認かくにんしてみましょう。

 

Lesson8：線を10本かく

線を10本を放射ほうしゃ状じょうにかくプログラムをつくります。

どれぐらい まがればいいか考えてみましょう。

円を1周しゅうする角度は360度。今回は線を10本かくので……。

 

Lesson9：線を90本かく

線を90本を放射ほうしゃ状じょうにかくプログラムをつくります。

考え方はLesson8と同じです。

「くりかえし」ブロックを使うと、たくさんの線でも楽にかけますね。

 

Lesson10：ひし形をかく

ひし形をかくプログラムをつくります。

まがる角度を60度と120度に設定せっていして、くりかえしブロックでかこみましょう。

 

Lesson11：ひし形を4個かく

ひし形を4個こかいて、雪のけっしょうを作るプログラムをつくります。

今回はひし形を4個こかくので、360÷4で90度まがります。

 

Lesson12：ひし形を10個かく

ひし形を10個こかいて、雪のけっしょうを作るプログラムをつくります。

考え方はLesson11と同じです。

 

Lesson13：円をかく

円をかくプログラムをつくります。

何回くりかえせばよいでしょう？

くりかえしブロックの中は、下のような命令めいれいが入っています。

1度ずつまがっていますね。円を1周しゅうするには……？

 

Lesson14：円を10個かく

関数かんすう「円をかく」を使って、円を10個こかくプログラムを作ります。

関数かんすうとは、命令めいれいをまとめていつでも使えるようにしたものです。Scratchでいうと「ブロック定義ていぎ」にあたります。

何度も使いたい命令めいれいの組み合わせがあったら「関数かんすう」にしておくと便利べんりです。

この問題では、13で作った円をかく処理しょりを「円をかく」という関数かんすうにまとめています。

円をかいたら、25ピクセル前にジャンプしましょう。

 

Lesson15：円を20個かく

円を20個こかくプログラムを作ります。

ジャンプすると、ドーナツ状じょうに円がかけますね。

 

Lesson16：大きさのちがう円をかく

ちがう大きさの円をかくプログラムを作ります。

関数かんすう「円をかく」に大きさを指定する「引数」をわたします。

引数ひきすうとは、関数かんすうを呼よび出だしたときに引きわたされる値あたいです。関数かんすうは受けわたされた値あたいを元にして処理しょりを行います。パラメータとも呼よばれています。

引数の値あたいを変かえるだけで、大きさのちがう円がかんたんにかけます。

 

Lesson17：小さい円と大きい円を5個ずつかく

小さい円と大きい円を5個こずつかいて、もようを作るプログラムをつくります。

まがる角度の計算は、もう大丈夫だいじょうぶですよね！

 

Lesson18：雪のけっしょうのエダを3本かく

雪のけっしょうのエダを3本かくプログラムをつくります。

45度ずつまがりましょう。

 

Lesson19：雪のけっしょうをかく

雪のけっしょうのエダを8本かいて、雪のけっしょうを作るプログラムをつくります。

今回はノーヒントで考えてみてください。

 

Lesson20：自由にもようをかいてみよう！

自由にプログラミングして、もようをかいてみましょう！

てきとうな色・てきとうな形は、ランダムに色や形が選えらばれます。

「〇〇で雪のもようをかく」ブロックは、下のような図形をかく関数かんすうです。

 

私わたしも考えてみました。

 

まとめ

「アナとエルサとコードを書く」を解とくヒントを紹介しょうかいしました。

アナ雪のアクティビティは少しむずかしい課題かだいですが、一発で答えを出す必要ひつようはありません。

分からない時は、プログラムを実行して動きを確認かくにんしながら、色々試ためしてみましょう。

今回紹介しょうかいしたヒントを参考さんこうに、自分の力で美しい氷のもようを作ってみてくださいね。

下の記事では、アワーオブコードのおすすめのアクティビティを紹介しょうかいしています。ぜひ他ほかのアクティビティにもチャレンジしてみてください。