Scratch講座

Scratchゲームプログラミング講座~「落ちゲー」をつくろう【前編】難易度★☆☆☆☆

ブロック13個で作れる!初心者向け簡単ゲーム(難易度★☆☆)

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_smile-300x300.png
明日架

今回はScratchで簡単なゲームのつくり方を教えてくれるのですね?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

オッホン!Scratchのことなら、この石動音々にお任せあれ!でござるよ

Scratchについて詳しくはこちらをご覧ください

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

さすが音々ちゃん!頼もしいのです!!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

今回作るのは、この「落ちゲー」。カーソルキーでネコ殿を左右に動かして落ちてくるリンゴをキャッチするでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_surprise-300x300.png
明日架

うわぁー面白そう!音々ちゃん、いつの間にこんなゲームをプログラミングできるようになったのですか?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

え~と、それは、まあ。あれでござるよ…(本当はヨモギ殿に教えてもらったでござるよ…)拙者にとっては、こんなのおちゃのこさいさい…と、とにかく!さっそく作り方を教えて進ぜよう!でござる

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

お願いするのでーす!

 

スプライトと背景を用意する

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

まず、Scratchの「作る」から新しいプロジェクトを開くでござる

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

背景」はここから選ぶでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

屋外」の中から、今回は”Forest“を使うでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_surprise-300x300.png
明日架

うわぁ、いろんな背景があるのです。

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

“Forest”は森という意味ですね

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

ゲームを作るときに背景はとても大事でござるよ。背景次第で良いゲームかどうかが決まるでござる。なので、今回のゲームは”良いゲーム”に決まり!なのでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

Scratchには、こんなにたくさん背景が用意されているから、きっと楽しいゲームがたーくさん作れそうなのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_joy-300x300.png
ネネ

そうでござる!では次にリンゴのスプライトを用意するでござる。スプライトはここをクリックして

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

リンゴは…。一番上にあるから探しやすいのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

今回のゲームで使うのは、ネコ殿(プレイヤー)リンゴ森の背景、3つだけでござる。簡単でござるね

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

次はいよいよプログラミングなのですね?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

その前に、ネコ殿とリンゴの位置と大きさを調節しておくでござる。リンゴを上に移動しておいて、大きさは60

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

ネコ殿は下に移動しておいて、大きさは80にしてっと…。これでOKでござる

 

プレイヤーのプログラム(スクリプト)

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

さあ、いよいよプログラミングでござるよ!まずはネコ殿をキーボードで操作するプログラミングでござるね

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

うんうん。音々ちゃん、早く教えてなのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

まず最初に「イベント」の中から「スペースキーが押されたとき」を、持ってくるでござる

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_sad-300x300.png
ネネ

ここに置いて、と…そしたら、「スペース」という文字をクリックして…えーっと…

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

右向き矢印」なのですか?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

そうそう!「右向き」でござった

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_sad-300x300.png
ネネ

次は、「動き」の中から…「10歩動かす」をこうやって、下につなぐ、でござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

なるほど!なのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

これで、キーボードの右矢印キーを押すと、ネコ殿が右に動くでござる!簡単!!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

次は左に動かす!ですか?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

その通り!またブロックを持って来ても良いでござるが、今プログラミングしたブロックを右クリックして「複製」して…

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

左向き矢印」に変えて…

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

「10歩動かす」の10にマイナスを付けて「-10歩動かす」…にすると…これで、よいでござるか??

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

音々ちゃん、誰に聞いてるのですか??マイナスを付けると、さっきと反対方向に動く気がするのです。それに、動かしてみれば結果はすぐに分かるのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

もちろんそうするつもりでござったよ。さっそく動かしてみて…では左矢印キーを押すとネコ殿が…あ、左に動いたでござる!!(ほっ)右矢印キーを押すと…右に…動いた!やったーでござる

 

リンゴのプログラム-「座標」について

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

さあ、次はリンゴのプログラミングでござるよ。まず最初は「イベント」の中から「緑のハタが押されたとき」ブロックを持ってくるでござる。この「緑のハタ」はゲームをはじめる「スタートボタン」なのでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

だから、プログラムの最初にはこのブロックを使うのですね!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

そうなの?いやいや、そうでござるよ。そして、最初にリンゴの位置を「座標」を使って指定するでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

座標というと、ヨコとタテの位置を数字で表して、交わった地点で正確な位置を示す、あの「座標」なのですか?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

そうそう、その「座標」でござるよ…では、この絵を見てみるでござる。これはScratchの背景に入っている「xy-grid」でござるが、これを見るとScratchの座標が分かる…はずなのでござるが、どういう意味か分かるでござるか?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

うーん。これを見ると、ヨコもタテも真ん中(中心)が0(ゼロ)なのです!ヨコは左端が-240で左に行くにしたがって数字が増えて右端が240なのですね

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

よく、気が付いたでござるな!ふむふむ、それで…タテは?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

タテは、下端が-180、上に行くほど数字が増えて上端は180なのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

なーるへそ。そうすると、リンゴの位置を座標で指定するにはどうしたら良いでござるかな?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

ヨコが「X」なので、Xは-50、タテは「Y」なので、Yは150…

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

ブロックは、「動き」の「x座標を~、y座標を~にする」を使うと良さそうなのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

よ、よ、よく分かったでござるね。じゃあ、このブロックをさっきのブロックにつないで…これで良いでござるか?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

音々ちゃん、ひっかけが上手なのです!ブロックの中の数字を変えてあげるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

よ、よく気が付いたでござるね!そうそう、忘れずにこのブロックの数字も書きかえておくでござるよ

 

リンゴのプログラム-「落下する」をくり返す

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

次はリンゴが落ちてくる動きなのです。どうやってプログラムするのですか?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

それはでござるな…このブロックを使うでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase02-300x300.png
ネネ

このブロックをさっきのブロックの下につなぐでござるね

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_anger-300x300.png
ネネ

さあ、スタートボタン(緑のハタ)を押して動きを確かめるでござるよ!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

動かないのです…

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

あれ?動かないでござるな(ヤバい…)

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

わかった!また、“ひっかけ”なのですね音々ちゃん!!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

そそそ、実はそうでござるよ!どこが間違っているか、さあ分かるかな?でござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

うーん。ブロックの命令は一度実行したら、すぐ下のブロックに移るのです。でも下には何もブロックがないので……分かりました!!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

ホントに?で、どうするでござるか?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

リンゴが動き続けるには“ずっと”10歩ずつ動かないとダメなのです!だから、この「制御」の中の「ずっと」ブロックを使ってあげるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

なるほど!いやいや、正解!でござるよ。それでは「ずっと」ブロックをさっきのプログラムに追加してあげて…

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

さあ、スタート!ポチっとな!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

…動かないでござるね

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

…動かないのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_anger-300x300.png
ネネ

どうして動かないでござるか!パソコンが壊れているでござるか?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

うーん、これもまた“ひっかけ”問題なのですね?パソコンが壊れている可能性は低いので、プログラムが間違っているのでは…プログラムの流れをもう一度見てみるのです

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_surprise-300x300.png
明日架

最初に①リンゴの位置を座標で指定して、②y座標(タテ方向に)10動く…「ずっと」ブロックの中にあるから、また①のブロックが実行されて……分かったのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

わ、分かったでござるか?やっぱりパソコンが壊れているでござるか?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

パソコンは悪くないのです。やっぱりプログラムが間違っていたのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

そうでござったか。いや、もちろんそうでござるね。プログラムが間違っていたでござるね…

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

この「y座標を10ずつ変える」を、「制御」の中の「~までくり返す」ブロックの中に入れてあげるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

~までくり返す」ブロックは“”のところに穴があいているでござるね

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

穴の形が六角形なので、この形に入るブロックと言うと…「調べる」の中のブロックから…あったのです!この「調べる」の中の「マウスのポインターに触れた」ブロックを入れてあげるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_sad-300x300.png
ネネ

でも、このプログラム、「マウスのポインターに触れた」までくり返す、ではおかしいでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

確か、この「マウスのポインター」をクリックして…ありました!「」に変えるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

これだと、『「端」に触れるまで、y座標を10ずつ変えるを繰り返す』となるでござるな。明日架殿、よく気が付いたでござるな!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

えっへん!なのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

それでは、ちゃんとリンゴが落ちるか、確かめるでござるよ。(スタートボタンを)ポチっとな!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

…落ちないでござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

落ちないのです…

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_anger-300x300.png
ネネ

ガンガン上にぶち当たるでござるよ!どうなってるでござるか!?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_surprise-300x300.png
明日架

あ!「y座標を10ずつ変える」の数字を-10(マイナス10)にしないとダメなのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

そうでござった。…もう、うっかりさんでござるね、明日架殿は

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

ごめんなさい、なのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

数字をマイナスに直して、それでは再び、ポチっとな!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

音々ちゃん、さっきから気になっていたのですが、その「ポチっとな」って何ですか?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

ボヤッキー殿の名セリフでござるが、ボヤッキー殿、知らないでござるか?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

う~ん、知らないのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

まあ、よいでござるよ。おお、今度はちゃんとリンゴ落下して、また上に行って落下して。ちゃんとくり返しているでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

ふ~、今回はここまで!次回はリンゴがあっちこっちから出てきたり、ネコ殿がリンゴをキャッチするプログラムを解説するでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

楽しみなのです!!

 

Scratchをもっと知りたい方に!おススメの無料オンライン講座

大好評!オンラインで学ぶ「Scratch超入門講座」(Udemy)

 

 

 

  スイッチオンラボでScratchを学ぼう

スイッチオンラボでは、無料体験会も開催しておりますので、ぜひお気軽にご参加ください。

関連記事

コメント

この記事へのコメントはありません。