「5日間で学ぶスクラッチ入門」の最終日にあたる今回は、「スクラッチで簡単なアニメーションを作る方法」について解説していきます。この記事を読むことで、ステージ上のキャラクターが動くアニメーションを作ることができます。
5日目の目標
- ステージの背景を変える方法を知ろう
- キャラクターにセリフを話してもらう方法を知ろう
- 簡単なアニメーションを作る方法を知ろう
【関連記事⇒】5日間で学ぶスクラッチ入門【1日目】
【関連記事⇒】5日間で学ぶスクラッチ入門【2日目】
【関連記事⇒】5日間で学ぶスクラッチ入門【3日目】
【関連記事⇒】5日間で学ぶスクラッチ入門【4日目】
【関連記事⇒】5日間で学ぶスクラッチ入門【5日目】(←今ココ)
ステージの背景を変える方法
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/ee3be1d100caf1aa771552d59c2bd436-3-1024x576.jpg)
アニメーションを作る準備として、このパートではステージの背景を変更する方法を学習しましょう。
まず最初に以下のURLをクリックしてスクラッチの公式サイトにアクセスします。
>>スクラッチ 公式サイト
アクセスしたら、チュートリアルの「✕閉じる」をクリックして、チュートリアルを閉じましょう。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/5f63f49b6b7d98988e1002a4a4f2d6d5-4-1024x576.jpg)
次に画面右下にある「背景を選ぶ」をクリックしましょう。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/04f86ea9c104d100d663feb8a9a65769-4-1024x576.jpg)
以下の画面に切り替わるので、次に「Beach Malibu」をクリックしましょう。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/63ead695680eb0c485fa3f134844052f-4-1024x576.jpg)
すると、ステージの背景が「Beach Malibu」に変更されていることが確認できます。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/0ae7c62e50dc705df75843b104ce66cd-4-1024x576.jpg)
このようにスクラッチでは「背景を選ぶ」からステージの背景を簡単に変更することができます。
![ソラタ](https://programming.soraclock.net/wp-content/uploads/2024/01/3f957081e9ae50e07bce655e77b92a02-300x300.jpg)
背景の画像は自分でアップロードすることもできます。
キャラクターにセリフを話してもらう方法
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/2839ab849d9b2c81bd86f4778e9767e3-3-1024x576.jpg)
このパートでは、ねこのキャラクターにセリフを話してもらう方法を学習しましょう。
ねこのキャラクターにセリフを話してもらう方法は、アニメーションを作る際にも利用するのでここでしっかり覚えましょう。
最初にブロックパレットの「こんにちは!と2秒言う」ブロックを、コードエリアにドラッグして置きます。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/7d2a8a5d380f463388d1c8d4512bef57-4-1024x576.jpg)
次に①「こんにちは!と2秒言う」ブロックをクリックします。すると、②ねこのキャラクターが「こんにちは!」と2秒言うのが確認できます。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/40dcbe9d88c96297b642179a653642d8-4-1024x576.jpg)
次に「こんにちは!と2秒言う」ブロックの「こんにちは!」の欄をクリックします。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/60275ab58ebd7cd921d15fb49998721b-4-1024x576.jpg)
次にキーボードを使って「今日はいい天気だね!」と入力します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/9d831d187199270f191b3999ca596311-3-1024x576.jpg)
次に①「今日はいい天気だね!と2秒言う」ブロックをクリックします。すると、②ねこのキャラクターが「今日はいい天気だね!」と2秒言うのが確認できます。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/c64c5ece666a6407486987541305a212-4-1024x576.jpg)
このようにスクラッチでは「こんにちは!と2秒言う」ブロックを利用することで、簡単にキャラクターにセリフを話してもらうことができます。
![ソラタ](https://programming.soraclock.net/wp-content/uploads/2024/01/3f957081e9ae50e07bce655e77b92a02-300x300.jpg)
余裕のある方は、キャラクターのセリフや話す秒数を変えてみましょう。
アニメーションを作る方法
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/a402c696bf493a873c765923653c07e6-4-1024x576.jpg)
このパートでは、簡単なアニメーションを作る方法を学習しましょう。
またこのパートでは、5日間で学ぶスクラッチ入門【3日目】で学習した「キャラクターを動かす方法」と5日間で学ぶスクラッチ入門【4日目】で学習した「キャラクターのコスチュームを変える方法」を利用します。
画像付きで分かりやすく説明するので。安心してついて来てください。
まず最初に、画面右下にある「背景を選ぶ」をクリックしましょう。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/7ecbec8b200a97f5b85a8a31ece4115c-3-1024x576.jpg)
以下の画面に切り替わるので、次に「Beach Malibu」をクリックしましょう。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/d3f3f00cf1a7f0b7549c20d4afc63a1b-4-1024x576.jpg)
すると、ステージの背景が「Beach Malibu」に変更されていることが確認できます。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/9b4ccaedd1bef1dacccd44245c6b928f-4-1024x576.jpg)
次にスプライトリストの①「スプライト1」をクリックし、②コードエリアの右上がねこのキャラクターになっていることを確認します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/1-4-1024x576.jpg)
コードエリアの右上のキャラクターは、そのキャラクターを動かすための専用のコードエリアであることを表しています。
次にブロックパレットの「10歩動かす」ブロックを、コードエリアにドラッグして置きます。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/1d3b263ce6c9c26d37652d4436a0f96a-5-1024x576.jpg)
次に「次のコスチュームにする」ブロックを、コードエリアにドラックして先ほど置いたブロックに結合します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/1d88ceb91c7659c8f850f9acae163da9-4-1024x576.jpg)
次に「1秒待つ」ブロックを、コードエリアにドラックして先ほど置いたブロックに結合します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/cb0bebe26f4ed333f0858ac401d32275-2-1024x576.jpg)
「1秒待つ」処理を入れる理由は、プログラムを実行したときに、途中の処理を表示するためです。
次にこれまで作ったブロックを右クリックします。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/fd40f9f7f385df78f8ba2cf60ad8cbff-2-1024x576.jpg)
次に「複製」をクリックします。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/c9552d0133d0f4a2a4f77168fb145539-2-1024x576.jpg)
すると、①ブロックが複製されます。②複製したブロックを最初に作ったブロックに結合します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/2-4-1024x576.jpg)
次にブロックパレットの「こんにちは!と2秒言う」ブロックを、コードエリアにドラッグして先ほど置いたブロックに結合します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/a696c9859391dafa55613beeb4d0df7c-1-1024x576.jpg)
次にもう一度ブロックパレットの「こんにちは!と2秒言う」ブロックを、コードエリアにドラッグして先ほど置いたブロックに結合します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/55c8bf14835ebb73a274740f021f5807-2-1024x576.jpg)
次に「こんにちは!と2秒言う」ブロックの「こんにちは!」の欄をクリックします。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/285ad5b6b50d16ac0d0bca67c9e8953a-2-1024x576.jpg)
次にキーボードを使って「今日はいい天気だね!」と入力します。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/7a0dcd13f8d3251d5a149a1255ac7996-2-1024x576.jpg)
以上でアニメーションの作成は完了です。ブロックをクリックして実行してみましょう。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/45e645353c52af061f80af60f346190d-1-1024x576.jpg)
ねこのキャラクターが以下のように動くことを確認しましょう。
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/180801fa1135fb2f9b1d3ae25cb678f0-1-1024x576.jpg)
このようにスクラッチでは、複数のブロックを組み合わせることで簡単にアニメーションを作ることができます。
![ソラタ](https://programming.soraclock.net/wp-content/uploads/2024/01/3f957081e9ae50e07bce655e77b92a02-300x300.jpg)
自分でもオリジナルのアニメーションを作ってみましょう。
5日間で学ぶスクラッチ入門【5日目】のまとめ
![Scratch](https://programming.soraclock.net/wp-content/uploads/2024/01/91e7a8680d4008faa58b774259817fe6-1024x576.jpg)
「5日間で学ぶスクラッチ入門」の最終日では、スクラッチを使ったアニメーションの作り方について解説してきました。今回の内容をまとめると以下になります。
まとめ
- ステージの背景は「背景を選ぶ」から変更できる
- キャラクターにセリフを話してもらうには「こんにちは!と2秒言う」ブロックを利用する
- 複数のブロックを組み合わせることでアニメーションを作成できる
「5日間で学ぶスクラッチ入門」は本日で最終日ですが、中級者向けコンテンツにあたる7日間で学ぶスクラッチ応用編へと続いていきます。今日内容をよく復習して7日間で学ぶスクラッチ応用編に臨みましょう。
以下のサイトの画像を引用しています
・スクラッチ 公式サイト