![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
こん、に、ち、はぁ~!(錦鯉のまね)
「スクラッチしよう!楽しく学ぶプログラミング教室」の担任ラッチです。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
スックだよ!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
ネコからビームが出てくるシューティングゲームを作ります。
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人をねらうシューティングゲーム](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation70.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2021/11/sukku_futu-10-300x300.png)
今回のシューティングゲームは、
ネコからビームが自動に出てくるんだね!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
宇宙人にビームが当たると、背景が変わります。
そのプログラミングが、これです!
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 背景を変えるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation57.jpg)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/02/sukku_wao-300x300.png)
えっ、たった「次の背景にする」ブロックだけでいいの!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
そうなんだ!
今回は、
・「次の背景にする」ブロック
![scratch 「次の背景にする」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation56.png)
を使って、
的に当たると背景が変わるシューティングゲームをプログラミングしていきましょう。
楽しくプログラミングを学んでいきましょう!
今回作るスクラッチの作品は、これっ!
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_ok-300x300.png)
プレイしてみて!
今回のプログラミングで学ぶことは
1.ネコがマウスで動くスクリプトがわかるよ
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ネコがマウスに向かって動く](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation1.png)
2.ネコからビームが出るスクリプトがわかるよ
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ネコからビームが出る](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation2.png)
3. 宇宙人がネコに近づくスクリプトがわかるよ
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人がネコに近づいてくる](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation3.png)
4.背景が 変わるスクリプトがわかるよ
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 背景が変わる](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation4.jpg)
5.宇宙人につかまると しゃべるスクリプトがわかるよ。
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人につかまるとネコが「つかまった」と言う](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation5-1.png)
スクリプトを見てみよう
スプライトはこれです!
![「スクラッチしよう!2-10 背景を変えよう!」 scratch スプライト](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_splite5-800x521.png)
![ラッチ先生<br>](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
このスクラッチ作品のスプライトは、
- 「ネコ」
- 「ビーム」
- 「宇宙人」
です。
- 「Cat Flying」を「ネコ」、大きさ「50」。
- 「Paddle」を「ビーム」、大きさ「34」。
- 「Jellyfish」を「宇宙人」、大きさ「50」にしました。
スクリプトはこれです!
ネコのスクリプト
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ネコのスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_script1-2.png)
ビームのスクリプト
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ビームのスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_script2-1.png)
宇宙人うちゅうじんのスクリプト
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人のスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_script3-1.png)
プログラミングの仕方を説明します
ネコのスクリプト
マウスに向かって動くプログラミング
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ネコがマウスに向かって動くスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation6.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2021/12/sukku_futu-300x300.png)
「マウスのポインターへ向ける」コードの使い方について知りたい人は
こちらの記事を読んでね!
ビームのスクリプト
ビームの場所を決めるプログラミング
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ビームの場所を決めるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation61.png)
![scratch 「x座標をネコのx座標、y座標をネコのy座標にする」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_script7.png)
- ビームの場所をネコの場所にする
![scratch ビームをネコの位置にする](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation8.png)
![scratch 「ネコの向き度に向ける」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_script8.png)
- ビームの向きをネコの向きと同じにする
![scratch ビームの向きをネコの向きと同じにする](https://scratchsiyou.com/wp-content/uploads/2022/03/scracthsiyoutitle0210_explanation9-800x583-1.png)
![scratch 「ネコのx座標」と「ネコのy座標」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_script12-1-1.png)
![scratch 「ネコの向き」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_script13.png)
1.「調べる」から「ステージの背景#」ブロックを取り出す。
![scratch 「調べる」タブから「ステージの背景#」ブロックを取り出す](https://scratchsiyou.com/wp-content/uploads/2021/12/scratchsiyoutitle0207_explanation10.png)
2,「ステージ▽」をクリックして、「ネコ」にする
![scratch 「ステージ▽」をクリックして「ネコ」にする](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation15.png)
3,「ネコのx座標」ブロック 完成!
![scratch 「ネコのx座標」ブロックが完成](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_script15.png)
4,「x座標▽」をクリックして、「y座標」にする
![scratch 「x座標▽」をクリックして「y座標」をクリックする](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation17.png)
5,「ネコのy座標」ブロック 完成
![scratch 「ネコのy座標」ブロック完成](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_script18.png)
6,「y座標▽」をクリックして、「向き」にする。
![scratch 「y座標▽」をクリックして「向き」にクリックする](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation20.png)
7,「ネコの向き」ブロック 完成
![scratch 「ネコの向き」ブロック完成](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_script13-1.png)
ビームを 出し続けるプログラミング
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ネコがビームを出し続けるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation69-1.png)
宇宙人のスクリプト
最初の場所を 決めるスクリプト
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人の最初の場所を決めるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_script25.png)
ネコに 近づくスクリプト
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人がネコに近づくスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation27.png)
ビームに当たると 背景が変わるスクリプト
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人がビームに当たると背景が変わるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation29.jpg)
ネコにつかまると 止まるスクリプト
![「スクラッチしよう!2-10 背景を変えよう!」 scratch ネコにつかまると宇宙人が止まるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation68.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_ok-300x300.png)
メッセージを送るブロックで
ほかのスプライトに指示を出してるね!
メッセージを送るブロックってプログラミングするのに便利だね!
背景ブロック
「背景」とは。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_question-300x300.png)
ラッチ先生。
背景ってなあに?
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
スクラッチ作品の画面をステージと言います。
最初にスクラッチをひらくとステージにはネコ(スプライト)があらわれるよね。
そのとき、ネコ(スプライト)のうしろの景色は真っ白です。
![scratch 「ステージ」](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation71.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
うん。まっしろだよ!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
なぜ、後ろの景色が真っ白なのか。
それは、右下を見てください。
![scratch 「背景」の場所](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation35.png)
「ステージ」と書かれているところの下に「背景1」と書かれている画面がありますね。
この画面が、ステージでの景色になります。
そして、このステージの景色の画面を「背景」というんだよ。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
なるほど
背景の画面の入れ方
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_question-300x300.png)
この作品は、宇宙の背景がステージに出てくるけど、どうやって画像を入れたの?
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 背景が変わる](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation4-1.jpg)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
それはね、
宇宙の画面を背景に入れたんだよ。
それを、これから説明するね。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
はぁーーーい。
おねがいします。
- 「背景2」を「Nebula」にする。
![scratch 「Nebula」画像](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_screen1.jpg)
1,「ステージ」の下 「背景を選ぶ」をクリック
![scratch 「背景を選ぶ」をクリックする](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation37.png)
2,「背景を選ぶ」画面が出てくる
![scratch 「背景を選ぶ」画面が表示](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation39-800x583-1.png)
3,「Nebula」をクリック
![scratch 「Nebula」画像をクリックする](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation41.png)
4,ステージに「背景2(Nebula)」が、表示される
![scratch 「背景2」に「Nebula」画像になる](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsyoutitle0210_explanation43.jpg)
5,「ステージ」をクリック
![scratch「ステージ」をクリックする](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation45.jpg)
6,「背景」をクリック
![scratch「背景」タブをクリックする](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation47-800x583-1-1.png)
7,「背景2」に「Nebula」の画像が入る
![scratch 「背景2」に「nebula」画像が入る](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation49.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
今回のプログラミングでは、
- 「Nebula」
- 「Stars」
を入れて、背景を3つにしました。
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 背景の画像を3つ](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation50.png)
背景を変えるブロック
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
背景ブロックは、2つあります。
「背景を〇にする」ブロック
![scratch 「背景を〇にする」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation52.png)
- 背景を指定します。
![scatch 「背景を〇にする」ブロックの役目](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation55.jpg)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/02/sukku_futu-1-300x300.png)
背景を えらべるんだね!
「次の背景にする」ブロック
![scratch 「次の背景にする」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/03/scratchsiyoutitle0210_explanation56-1.png)
- 背景を 次の画像にする
![scratch 「次の背景にする」ブロックの
役目](https://scratchsiyou.com/wp-content/uploads/2022/01/scratchsiyoutitle0210_explanation57.jpg)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/02/sukku_futu-1-300x300.png)
背景の画像を 順番に変えるんだね!
まとめ
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
今回は、
「次の 背景にする」ブロックを使って、
ビームで宇宙人をやっつけたら背景が変わるプログラミングを学びました。
![「スクラッチしよう!2-10 背景を変えよう!」 scratch 宇宙人がビームに当たると背景が変わるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/02/scratchsiyoutitle0210_explanation29.jpg)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/02/sukku_futu-1-300x300.png)
1つの背景ブロックだけで、
変えられるんだよね!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
スクラッチには、たくさんの背景があります。
みんなの作品の中に入れてみよう!
![スック](https://scratchsiyou.com/wp-content/uploads/2022/02/sukku_futu-1-300x300.png)
はぁーーい!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
今回は、ネコからビームを出し続けるゲームにしました。
クリックして発射する射撃ゲームとは、ちがうおもしろさがあるよね!
![スック](https://scratchsiyou.com/wp-content/uploads/2022/02/sukku_ok-300x300.png)
おもしろかったぁー!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
これからも、ビームを出し続けて的をねらうゲームを作っていきます。
楽しみにしていてね!
じゃあ、また!!
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_ok-300x300.png)
ばぁ~い、サンキュー!
(@^^)/~~~
ステップアップドリル
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
「変数」って、なあに?
「変数」ブロックって、どう使うの?
と 思っている方に!
変数ブロックでのプログラミングを 学べるドリルを 作りました
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
「リスト」って、なあに?
「リスト」ブロックって、どう使うの?
と 思っている方はこちら!
リストブロックでのプログラミングを 学べるドリルを 作りました
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
画面を クリックすると
「ステップアップドリル」のサイトへ 行けます!
コメント