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

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

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

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

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

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

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

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

 

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

スポンサーリンク

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

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

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

 

Lesson1:線を1本かく

アワーオブコード(アナ雪)lesson1

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

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

 

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

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

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

写真は小さな四角の集合体

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

 

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

アワーオブコード アナ雪 lesson2

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

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

 

Lesson3:四角形をかく①

アワーオブコード アナ雪 lesson3

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

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

 

スポンサーリンク

Lesson4:四角形をかく②

アワーオブコード アナ雪 lesson4

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

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

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

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

アワーオブコード アナ雪 lesson4 くりかえし

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

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

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

 

Lesson5:四角形を3つかく

アワーオブコード アナ雪 lesson5

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

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

  • 内側うちがわのくり返し(グレー):「線を1本かいて90度まがる」を4回くり返して四角形をかく
  • 外側そとがわのくり返し(ピンク):「四角形をかく」「???度右にまがる」を???回くり返す

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

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

 

Lesson6:雪のもよう(四角形を10個かく)

アワーオブコード アナ雪 lesson6

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

考え方はLesson5と同じです。

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

 

Lesson7:+をかく

アワーオブコード アナ雪 lesson7

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

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

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

 

Lesson8:線を10本かく

アワーオブコード アナ雪 lesson8

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

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

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

 

Lesson9:線を90本かく

アワーオブコード アナ雪 lesson9

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

考え方はLesson8と同じです。

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

 

Lesson10:ひし形をかく

アワーオブコード アナ雪 lesson10

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

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

ひし形は1へんの長さが同じ四角形です。対角の同じで、となり合う内角の和が180度になる性質せいしつがあります。

 

Lesson11:ひし形を4個かく

アワーオブコード アナ雪 lesson11

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

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

 

Lesson12:ひし形を10個かく

アワーオブコード アナ雪 lesson12

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

考え方はLesson11と同じです。

 

Lesson13:円をかく

アワーオブコード アナ雪 lesson13

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

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

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

  1. まえにうごく1ピクセル
  2. みぎにまがる1度

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

 

スポンサーリンク

Lesson14:円を10個かく

アワーオブコード アナ雪 lesson14

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

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

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

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

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

 

Lesson15:円を20個かく

アワーオブコード アナ雪 lesson15

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

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

 

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

アワーオブコード アナ雪 lesson16

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

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

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

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

 

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

アワーオブコード アナ雪 lesson17

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

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

 

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

アワーオブコード アナ雪 lesson18

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

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

 

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

アワーオブコード アナ雪 lesson19

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

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

 

Lesson20:自由にもようをかいてみよう!

アワーオブコード アナ雪 lesson20

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

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

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

アワーオブコード アナ雪 雪のもようをかく

 

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

アワーオブコード アナ雪 lesson20 例

 

まとめ

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

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

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

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

下の記事では、Scratchでアナログ時計を作る方法ほうほう紹介しょうかいしています。「アナとエルサとコードを書く」で学んだことをかせますよ!

 

アワーオブコードのほかのアクティビティにもぜひチャレンジしてみてください。

タイトルとURLをコピーしました