【アフィリエイト広告を利用しています】
この記事では、Scratch(スクラッチ)を学び始めた初心者の方に向けて、Scratchでネコが歩き回るアニメーションの作り方について紹介します。
![](https://kodoip.com/wp-content/uploads/2022/06/muzui_cat.jpg)
アニメーションなんて難しそう…
このように思われるかもしれませんが、僅か7個のブロックを組み合わせるだけですので、Scratchを始めたばかりの方でも簡単にできてしまいますよ!
Scratchの公式サイトはこちら→https://scratch.mit.edu/
完成品はこちら
まずは完成品のアニメーションを見てみましょう。下の画面中央の旗ボタンをクリックしてください。ネコと蝶がステージを左右に動き回るアニメーションになります。
ネコが動くプログラムを改造してみよう
それでは早速プログラムを作っていきましょう。
Scratchのプログラム作成画面を起動したら、まずは下のようにブロックを組み合わせましょう。
![3つのブロックを組み合わせる](https://kodoip.com/wp-content/uploads/2022/05/003-22.jpg)
上のブロックの組み合わせ方が分からない方は、前回の記事を併せてご覧ください。
》【Scratch入門】作成画面の説明/初歩的なプログラムを作ってみよう
これでネコが動くプログラムになりますが、このままではステージの右端でネコの動きが止まってしまいますので、止まらないようにプログラムを改造していきます。
まず、「動き」をクリックし、ブロックパレットを下にスクロールして「もし端に着いたら、跳ね返る」ブロックを探します。
![ブロックパレットを下にスクロールする](https://kodoip.com/wp-content/uploads/2022/05/003-01.jpg)
「もし端に着いたら、跳ね返る」ブロックを見つけたら、「10歩動かす」ブロックの下に繋げます。
![「もし端に着いたら、跳ね返る」ブロックを移動する](https://kodoip.com/wp-content/uploads/2022/05/003-02.jpg)
これでネコがステージを左右に行ったり来たりします。
しかし今のままでは、左に行くときに上下逆さになっています。
そこで、「回転方法を左右のみにする」ブロックを「旗が押されたとき」ブロックの下に繋げて、逆さにならないようにしましょう。
![「回転方向を左右のみにする」ブロックを移動する](https://kodoip.com/wp-content/uploads/2022/05/003-03.jpg)
コスチュームを変えてみよう
次に、ネコが歩くアニメーションを作っていきます。
画面左上の「コスチューム」タブをクリックすると下のような画面に切り替わります。
Scratchに登録されているスプライトには最初からいくつかのイラスト(=コスチューム)が用意されており、このネコのスプライトには2種類のイラストが用意されています。
![「コスチューム」タブの表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-04.jpg)
コスチューム2をクリックすると下のようなイラストが表示されます。
この2つのコスチュームを交互に表示させると、ネコが歩くアニメーションを作ることができます。
![コスチューム2の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-05.jpg)
ではネコのコスチュームを交互に変えるプログラムを追加してみましょう。
画面左上の「コード」タブをクリックするとプログラム作成画面に戻りますので、続いて「見た目」をクリックし、「次のコスチュームにする」ブロックを「10歩動かす」ブロックの下に繋げます。
![「次のコスチュームにする」ブロックを移動する](https://kodoip.com/wp-content/uploads/2022/05/003-06.jpg)
これで、10歩動かす→コスチューム2にする→10歩動かす→コスチューム1にする→・・・を繰り返すことができます。しかし、このままではアニメーションが速すぎるのでスピードを調整してみましょう。
「制御」をクリックし、「1秒待つ」ブロックを「次のコスチュームにする」ブロックの下に繋げます。
![「1秒待つ」ブロックを移動する](https://kodoip.com/wp-content/uploads/2022/05/003-07.jpg)
「1」秒の数値を「0.1」秒に変更します。
![「0.1」秒に変更する](https://kodoip.com/wp-content/uploads/2022/05/003-08.jpg)
![](https://kodoip.com/wp-content/uploads/2022/06/hakase.jpg)
このとき、数字は必ず「半角」で入力するように注意してください!
〇半角数字:1234567890
×全角数字:1234567890
これでアニメーションのスピードを調整できました。
背景を設定しよう
次にステージの背景を設定します。
まず右下のマークにカーソルを合わせて、すぐ上の虫メガネをクリックします。
![「背景を選ぶ」の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-09.jpg)
背景を選ぶ画面に切り替わりますので、今回は「Blue Sky」を選択します。
![「Blue Sky」の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-10.jpg)
ステージの背景が設定されました。
最後に、今のままではネコが宙に浮いていますので、ネコをドラッグ&ドロップして地面の上に移動させましょう。
![ネコを移動する](https://kodoip.com/wp-content/uploads/2022/05/003-11.jpg)
これでネコのアニメーションが完成しました!
スプライトを追加しよう
ネコのアニメーションは完成しましたが、キャラクターがネコだけでは寂しいですので、スプライトを追加してみましょう。
右下のボタンにカーソルを合わせて、すぐ上の虫メガネをクリックします。
![「スプライトを選ぶ」の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-12.jpg)
スプライトを選ぶ画面に切り替わりますので、「Butterfly 2」を選びます。
![「Butterfly 2」の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-13.jpg)
ステージに蝶(Butterfly 2)のスプライトが表示されました。(個性的な蝶ですね・・・)
![ステージに蝶が表示される](https://kodoip.com/wp-content/uploads/2022/05/003-14.jpg)
続いて蝶のプログラムを作成します。
初めから作成することもできますが、プログラムの内容はネコと全く同じですので、今回は他のスプライトのプログラムをコピーする方法について紹介します。
まずスプライト一覧から「ネコ(スプライト1)」をクリックします。
![「ネコ」の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-15.jpg)
コードエリアにネコのプログラムが表示されますので、一番上の「旗が押されたとき」ブロックをドラッグ&ドロップして、スプライト一覧の「蝶(Butterfry 2)」まで移動します。
![「ネコ」のブロックをスプライト一覧の「蝶」に移動する](https://kodoip.com/wp-content/uploads/2022/05/003-16.jpg)
これでプログラムがコピーできました。
![ブロックがコピーされる](https://kodoip.com/wp-content/uploads/2022/05/003-17.jpg)
スプライトを削除するには?
スプライト一覧から削除したいスプライトをクリックし、右上に表示されるごみ箱をクリックすると削除できます。
![ゴミ箱の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-20.jpg)
誤って削除してしまったときには、メニューバーの「編集」をクリックし「削除の取り消し(スプライト)」を選択すれば、元に戻すことができます。
![「削除の取り消し」の表示場所](https://kodoip.com/wp-content/uploads/2022/05/003-21.jpg)
まとめ
この記事ではコスチュームを活用したアニメーションの作成方法や、背景の設定やスプライトの追加方法について紹介しました。
Scratchにはあらかじめ様々な種類のスプライトや背景が登録されていますので、自分で好きなイラストを選んでオリジナルのアニメーションを作ってみてください。
以下の記事では、Scratchを初めて学ぶ親子に向けた入門編として基本的な使い方を解説していますので、お子様と一緒にぜひお読みください。
》Scratch(スクラッチ)とは?始め方から使い方まで完全解説
![](https://kodoip.com/wp-content/uploads/2022/10/warai_cat.jpg)
Scratchをもっと本格的に学んでみたい!
このような好奇心が芽生えたら、お子様の豊かな未来を切り拓く可能性を広げるチャンスです。
近年、プログラミング教育はますます重要視されています。
2020年度から小学校でのプログラミング教育の必修化が始まっており、また大学入試では2025年1月から大学入学共通テストにプログラミングを含む教科「情報」が出題されます。
プログラミングは創造性や論理的思考を育む素晴らしいスキルですが、親御さんがプログラミングを教える専門家でない場合、お子様が学ぶためのサポートが必要です。
その手助けとして、プログラミング教室のご検討はいかがでしょうか?
以下の記事で小学生向けのおすすめプログラミング教室を紹介していますので、合わせてご覧いただければ幸いです。一緒に、子供たちの未来を輝かせる扉を開きましょう!
》【2024年最新版】小学生向けプログラミング教室3選
この記事を最後まで読んでいただき、ありがとうございました!
コメント