Scratch上級者のためのゲーム制作プログラミング実践@praxiSpace

Scratch上級者のための ゲーム制作プログラミング実践 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

作るゲーム おそってくるネズミをよけながら、ビームでたおそう！ ゲームの 内容 ● プレイヤー（ネコ）を動かして、 おそってくるネズミをよける ● ビームを打ってズミをたおす [スプライトの種類] 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ネコ ネズミ ビーム ● 左右に動かせる ● ネコをおそう ● 増える ● ビームで たおせる ● ネコが打てる 2

プログラムを作る流れ ゲームの土台を作る 1 1-1 ネコを動かす 1-2 ネズミを動かす ゲームをむずかしくする 2 2-1 ネズミを増やす 3 シューティングゲームに 変える 進め方 1. お題をかくにんする 2. お題に合わせて自由にプログラ ミングする （こまったらプログラム例を参 考にする） 3. 作ったプログラムを見せ合う 3-1 ネコがビームを打つ 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 3

ステップ1 ゲームの土台を作る 1-1 ネコを動かす 1-2 ネズミを動かす 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 4

これから作るプログラム ネズミ ● ● 現れる ネコに向かって動く プログラミングの流れ 1-1 ネコを動かす 1-2 ネズミを動かす ネコ ● 左右に動かせる 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 5

1-1 ネコを動かす（お題） ネコを動かすプログラムを作ろう！ 10分 ネコにプログラミングする ● キーボードで左右に動かせるようにする （オマケ）マウスでも動かせるようにする 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 6

1-1 ネコを動かす（プログラム例） キーボードでネコを動かす 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) （オマケ）マウスでネコを動かす 7

1-2 ネズミを動かす（お題） ネズミを動かすプログラムを作ろう！ 15分 ネズミにプログラミングする ● 画面上からスタートする ● 同じ動きをする 動き方は自由（例：まっすぐ進む、ネコに 向かう） ● ネコに当たったらプログラムを止める （オマケ）動き方の種類を増やす 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 8

1-2 ネズミを動かす（プログラム例） まっすぐ下に向かう 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ネコに向かう 画面のはしではね返る 9

ステップ2 ゲームをむずかしくする 2-1 ネズミを増やす 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 10

これから作るプログラム ネズミ ● 増え続ける プログラミングの流れ 2-1 ネズミを増やす 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 11

2-1 ネズミを増やす（お題） ネズミを増やすプログラムを作ろう！ 5分 ネズミにプログラミングする ● 数秒おきに、同じ動きのネズミを増やす （クローンを作る） 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 12

2-1 ネズミを増やす（プログラム例） 0.5秒おきにネズミを増やす 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) （オマケ） 動き方がいくつかある場合 13

ステップ3 シューティングゲームに 変える 3-1 ネコがビームを打つ 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 14

これから作るプログラム ネズミ ● ビームに当たると 消える プログラミングの流れ 3-1 ネコがビームを打つ ビーム ● ネコから打たれる 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 15

3-1 ネコがビームを打つ（お題） ネコがビームを打つプログラムを作ろう！ 10分 ビームにプログラミングする ● ネコが上方向にビームを打つ ● 画面のはしについたらビームが消える （オマケ）ビームが出続けないようにする ネズミにプログラミングする ● ビームが当たったら消える 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 16

3-1 ネコがビームを打つ（プログラム例） ネコが上方向にビームを打つ ビームが当たったら消える （オマケ）ビームが出続けないようにする 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 17

おわりに ● ● 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) まとめ ふり返り 18

作ったプログラム お題にそって、シューティングゲームを作りました。 ゲームの 内容 ● プレイヤー（ネコ）を動かして、 おそってくるネズミをよける ● ビームを打ってズミをたおす [スプライトの種類] 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ネコ ネズミ ビーム ● 左右に動かせる ● ネコをおそう ● 増える ● ビームで たおせる ● ネコが打てる 19

ふり返り 学んだことをふり返りましょう（1分） ［例］ ● どんなところが、面白かった？ ● どんなところが、むずかしかった？ ● 学んだことを、今後どうしていきたい？ 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 20

本資料の権利と留意事項 ［使用画像の出典］ 一部の画像は以下のサイトよりダウンロードして利用しています。 ● Loose Drawing https://loosedrawing.com/ ［本資料のライセンス］ ● ● 本資料は、株式会社まなび梯（以下「当社」）より、クリエイティブ・コモンズ・ライセンス（CC-BY 4.0）の もとに提供されています。 本資料の一部の画像には、他の条件でライセンスされている第三者のコンテンツが 含まれています。 ［留意事項］ ● ● ● ● 本資料に掲載されている会社名、製品名などの固有名詞は、各団体の商標または登録商標です。 本資料に掲載されている製品名などには、必ずしも商標表示（™、®）を付記しておりません。 本資料の内容について正確な記述につとめましたが、当社は本資料の内容に対して何らかの保証をするものでは ありません。 本資料で得られた情報の使用から生じるいかなる損害についても、当社は責任を負わないものとします。 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 21

• https://loosedrawing.com/
• https://creativecommons.org/licenses/by/4.0/deed.ja

株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)