ドキドキハート

こども

大おおきいハートと小ちいさいハートを、かわりばんこに出だして、micro:bit のハートをドキドキさせよう。 絵えを順番じゅんばんに見みせると、動うごいているように見みえるよ。これが「アニメーション」のしくみなんだ。

できあがりのイメージ

できあがると、こんなふうにハートがドキドキするよ。

じゅんび

• 課題かだい1「名前なまえバッジ」ができた
• MakeCode を開ひらいて、「新あたらしいプロジェクト」をおした

つくりかた

まずは動画どうがを見みてみよう。そのあと、同おなじようにやってみよう。

• 「基本きほん」から「アイコンを表示ひょうじ」を出だして、「ずっと」の中なかに入いれた
• 「基本きほん」の中なかを下したへスクロールして「一時いちじ停止ていし（ミリ秒びょう）」を見みつけ、ハートの下したに入いれた
• 「100」の横よこの ▼ をおして、「500 ミリ秒びょう」をえらんだ
• その下したに、もう一ひとつ「アイコンを表示ひょうじ」を入いれた
• 2つ目めのハートの ▼ をおして、小ちいさいハートにかえた
• いちばん下したに、もう一ひとつ「一時いちじ停止ていし（ミリ秒びょう）」を入いれて、500 にした
• 左ひだりのシミュレーターで、ハートがドキドキした（上うえの「できあがりのイメージ」と同おなじかな？）

ハートが大おおきいままで、ドキドキしないときは？

2つ目めの「アイコンを表示ひょうじ」が、小ちいさいハートになっているか見みてみよう。 2つとも大おおきいハートだと、同おなじ絵えが出でるだけなので、動うごいて見みえないよ。

「一時いちじ停止ていし」が見みつからないときは？

「基本きほん」をクリックしたあと、出でてきたブロックの一覧いちらんを下したのほうまでスクロールしてみよう。 「ずっと」や「最初さいしょだけ」の、さらに下したにあるよ。

「一時いちじ停止ていし」って何なに？

「500 ミリ秒びょうのあいだ、何なにもしないで待まつ」という命令めいれいだよ。 1000 ミリ秒びょうが 1 秒びょうなので、500 ミリ秒びょうは 0.5 秒びょう。 待まつ時間じかんがあるから、ハートが見みえるあいだができるんだ。

micro:bit に送おくろう

送おくりかたは、課題かだい1と同おなじだよ。

チャレンジ

下したの micro:bit で、「一時いちじ停止ていし」の数かずをかえてみよう。ハートの速はやさはどうかわるかな？

• 走はしったあとの、ドキドキの速はやいハートを作つくってみよう（数かずを小ちいさくする）
• ねむっているときの、ゆっくりのハートを作つくってみよう（数かずを大おおきくする）
• ハートのかわりに、ダイヤや四角しかくでもアニメーションを作つくってみよう

おやこ

絵えを順番じゅんばんに切きりかえて動うごきを作つくる、アニメーションの課題かだいです。 課題かだい1と同おなじく、保護者の方ほごしゃのかたは「いっしょに見みる人ひと」として進すすめてください。

すすめかた（30分ぷん）

• 「できあがりのイメージ」を見みて、どんな動うごきになるか話はなした
• 子こどもが「こども」タブの手順てじゅんを、声こえに出だして読よみながら進すすめた
• シミュレーターでハートがドキドキしたら、いっしょに喜よろこんだ
• 「チャレンジ」の micro:bit で、速はやさをかえて遊あそんだ

声こえかけのヒント

パラパラまんがと、にているところはあるかな？

走はしったあとの心臓しんぞうは、どんな速はやさでドキドキする？

一時いちじ停止ていしをなくしたら、どうなると思おもう？

最後さいごの問といは、実際じっさいに「一時いちじ停止ていし」を外はずして試ためすと、切きりかわりが速はやくなる様子ようすがよくわかります。 予想よそうしてから試ためす、という順番じゅんばんを大事だいじにすると、プログラムで「確たしかめる」楽たのしさにつながります。

「ミリ秒びょう」がむずかしいときは

「1000 で 1 びょう」とだけ伝つたえれば十分じゅうぶんです。 チャレンジの micro:bit で数かずを動うごかすと、1 枚まいの絵えを見みせる時間じかんが表示ひょうじされるので、数かずと速はやさの関係かんけいを目めで確たしかめられます。

おとな

保護者の方ほごしゃのかたがご自身じしんで学まなぶ場合ばあいや、お子こさんに教おしえる前まえの準備じゅんびに使つかうページです。

この課題かだいで学まなぶこと

• 順次じゅんじ処理しょり：命令めいれいは上うえから順番じゅんばんに実行じっこうされる。
• くり返かえし（ループ）：「ずっと」の中なかの命令めいれいは、最後さいごまで行いくと最初さいしょにもどって、電源でんげんが切きれるまでくり返かえされる。
• アニメーション：少すこしずつちがう絵えを、一定いっていの時間じかんで切きりかえると、動うごいているように見みえる。

ちょっとした補足ほそく

MakeCode の「アイコンを表示ひょうじ」は、絵えを出だしたあと自動じどうで約やく 0.6 秒びょう待まつしくみになっています。 そのため「一時いちじ停止ていし」を 500 ミリ秒びょうにすると、1 枚まいの絵えはおよそ 1.1 秒びょう表示ひょうじされます。 この教材きょうざいの「できあがりのイメージ」も、同おなじ時間じかんで切きりかわるようにしてあります。

準備じゅんび

• 課題かだい1を一度いちど自分じぶんで試ためした
• 「こども」タブの手順てじゅんを、一度いちど自分じぶんで試ためした

もっと知しりたいとき

• microbit.org の Beating heart のページ（英語えいご・教員きょういん向むけ）
• MakeCode のチュートリアル「点滅てんめつするハート」（日本語にほんご・トップページの「チュートリアル」から）