![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
1回目、2回目のチュートリアルはこちらです
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWAQAAAAAUekxPAAAAAnRSTlMAAHaTzTgAAAAaSURBVEjH7cExAQAAAMKg9U9tDQ+gAACAdwMLuAABXZHjmQAAAABJRU5ErkJggg==)
【Scratchチュートリアル】なわとびゲーム1(全3回)
なわとびゲームを作つくっていきます 完成かんせいしたプロジェクトはこちらです なわとびゲーム Scratchで作成さくせい 背景はいけいを変更へんこうしよう 「新あたらしい背景はいけい」の「ライブラリーから背景はいけいを選択せんたく」を選え...
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWAQAAAAAUekxPAAAAAnRSTlMAAHaTzTgAAAAaSURBVEjH7cExAQAAAMKg9U9tDQ+gAACAdwMLuAABXZHjmQAAAABJRU5ErkJggg==)
【Scratchチュートリアル】なわとびゲーム2(全3回)
縄なわのスプライトを作つくろう 縄なわの動うごきを作成さくせいしていきます。ネコの手前てまえにある縄なわと後うしろにある縄なわの2つのスプライトを作つくります 利用りようする画像素材がぞうそざいはこちらからダウンロードしてください なわとび...
縄に当たったらゲーム終了しよう
ネコが縄に引っかかった時にゲーム終了になるようにします。一番下に来た時の縄の色だけを他の縄とは異なる色にして、その色で当たり判定します
「まえ」スプライトのコスチュームタブを選んで、1つめのコスチューム(なわ1)を選びます
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
ペイントツールのバケツを選び、少し暗い赤色で縄を塗りつぶします
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
「まえ」スプライトが表示されていない場合は、「見た目」カテゴリーの「表示する」ブロックをダブルクリックして表示します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEzAQAAAADViszsAAAAAnRSTlMAAHaTzTgAAAAwSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBhZyIAAWn0b7wAAAAASUVORK5CYII=)
ネコのスプライトに次のスプライトを作成します。先ほど塗りつぶした縄の色(暗い赤)に当たった場合、スクリプトをストップします
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEYAQAAAAC44TkZAAAAAnRSTlMAAHaTzTgAAAAuSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4GF4QAAE9BVoPAAAAAElFTkSuQmCC)
次に実行した時に「まえ」のスプライトが表示されたままになるのを防ぐために、「まえ」スプライトにこのスクリプトを作成します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAB4AQAAAAAWYj33AAAAAnRSTlMAAHaTzTgAAAAgSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAAAA7wYoUAABmwa2lwAAAABJRU5ErkJggg==)
とんだ回数を数えよう
変数「とんだ回数」を作ります
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEYAQAAAAC44TkZAAAAAnRSTlMAAHaTzTgAAAAuSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4GF4QAAE9BVoPAAAAAElFTkSuQmCC)
「飛んだ回数」がステージに表示されているので消します。変数の左のチェックボックスのチェックを外せばステージから消えます。「ジャンプ中」のチェックも外してください
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEzAQAAAADViszsAAAAAnRSTlMAAHaTzTgAAAAwSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBhZyIAAWn0b7wAAAAASUVORK5CYII=)
ジャンプした時に飛んだ回数を言うようにします。ネコのジャンプのスクリプトを修正します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFUAQAAAADAe/MOAAAAAnRSTlMAAHaTzTgAAAAzSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgYcjgAAdqmsNkAAAAASUVORK5CYII=)
開始時に変数の値を初期化します。最初なので飛んだ回数は0です。あと、失敗した時にネコが飛んだ回数を言うようにします
今までは、失敗した時には「すべてを止める」でプログラムを止めていましたが、「スプライトの他のスクリプトを止める」に変更します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEzAQAAAADViszsAAAAAnRSTlMAAHaTzTgAAAAwSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBhZyIAAWn0b7wAAAAASUVORK5CYII=)
「まえ」スプライトのスクリプトに飛んだ回数を増やす処理を追加します。コスチューム番号2はネコがジャンプできた状態なので、コスチューム番号で判断してとんだ回数を増やします
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFKAQAAAAD5p5DlAAAAAnRSTlMAAHaTzTgAAAAxSURBVHja7cEBAQAAAIIg/69uSEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwbm7cAAHHTtZ3AAAAAElFTkSuQmCC)
失敗したときに縄が回り続けるので「まえ」「うしろ」のスプライトに「失敗」メッセージの処理を追加します
「まえ」「うしろ」両方にこのスクリプトを作成します。これで失敗すると縄が消えて、縄を回すスクリプトが停止します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAB4AQAAAAAWYj33AAAAAnRSTlMAAHaTzTgAAAAgSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAAAA7wYoUAABmwa2lwAAAABJRU5ErkJggg==)
ネコが着地した時に砂ぼこりを表示しよう
ゲームの演出としてネコが着地した時に砂ぼこりが舞い上がるようにします
新しいスプライトの「スプライトをライブラリーから選択」を選びます
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEYAQAAAAC44TkZAAAAAnRSTlMAAHaTzTgAAAAuSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4GF4QAAE9BVoPAAAAAElFTkSuQmCC)
ライブラリーから「cloud」を選びます
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEYAQAAAAC44TkZAAAAAnRSTlMAAHaTzTgAAAAuSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4GF4QAAE9BVoPAAAAAElFTkSuQmCC)
ネコの足元に移動して、縮小ツールを選んでスプライトをクリックしてサイズを縮小します(30%くらい)
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFyAQAAAAARjhUlAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgIcBfEwAAfCDq9IAAAAASUVORK5CYII=)
縮小した雲(砂ぼこり)のスプライトを複製します。スプライト一覧でサムネイルを右クリックして複製を選びます
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEYAQAAAAC44TkZAAAAAnRSTlMAAHaTzTgAAAAuSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4GF4QAAE9BVoPAAAAAElFTkSuQmCC)
複製できたら、設定で左向きにします
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEYAQAAAAC44TkZAAAAAnRSTlMAAHaTzTgAAAAuSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4GF4QAAE9BVoPAAAAAElFTkSuQmCC)
雲(砂ぼこり)のスプライト2つに次のスクリプトを作成します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAACMAQAAAACYYWb4AAAAAnRSTlMAAHaTzTgAAAAjSURBVGje7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAADgxwAvCAABuY87eQAAAABJRU5ErkJggg==)
ネコが着地した時に「着地」というメッセージを送ります
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFyAQAAAAARjhUlAAAAAnRSTlMAAHaTzTgAAAA2SURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgIcBfEwAAfCDq9IAAAAASUVORK5CYII=)
これで、ネコが着地した時に砂ぼこりが舞うようになりました
スタートボタンをつくろう
緑の旗のクリックではなく、スタートボタンのクリックでゲームがスタートするようにします
新しいスプライトから「ファイルから新しいスプライトをアップロード」を選び、ダウンロードした素材の「start.svg」をアップロードします
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAACqAQAAAABJlIDTAAAAAnRSTlMAAHaTzTgAAAAlSURBVGje7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAB+DDkcAAGY8oUiAAAAAElFTkSuQmCC)
ボタンを画面の中央少し上に移動します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEzAQAAAADViszsAAAAAnRSTlMAAHaTzTgAAAAwSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBhZyIAAWn0b7wAAAAASUVORK5CYII=)
ボタンにスプライトを作成します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEYAQAAAAC44TkZAAAAAnRSTlMAAHaTzTgAAAAuSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4GF4QAAE9BVoPAAAAAElFTkSuQmCC)
ネコのスプライトを修正します。緑の旗で実行されていた処理を、「スタート」メッセージを受けた時に実行するように変更します。ゲーム終了時のセリフが残ったままになるので、スタート時に消します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFUAQAAAADAe/MOAAAAAnRSTlMAAHaTzTgAAAAzSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgYcjgAAdqmsNkAAAAASUVORK5CYII=)
「まえ」スプライトに「スタート」メッセージを受けた時に隠す処理を追加します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAB4AQAAAAAWYj33AAAAAnRSTlMAAHaTzTgAAAAgSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAAAA7wYoUAABmwa2lwAAAABJRU5ErkJggg==)
「うしろ」スプライトのスクリプトを修正します。緑の旗のクリック時の処理を「スタート」メッセージを受けた時の処理に移動します
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAB4AQAAAAAWYj33AAAAAnRSTlMAAHaTzTgAAAAgSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAAAA7wYoUAABmwa2lwAAAABJRU5ErkJggg==)
これで完成です!
![【Scratchチュートリアル】なわとびゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
次のステップ
ここで終わらせるのではなく、ぜひ改良して自分の作品を作ってください!
例えば・・・
- ハイスコアを記録するようにしてみよう。クラウド変数を使えば他のユーザーと競争できます
- ネコが10回とぶごとに、チョウが「すごい」や「がんばれ!」といったメッセージを言うようにしてみよう
- なわとびのスピードが最初はゆっくりで、だんだん早くなるようにしてみよう
Scratch 3.0に対応した書籍です[PR]
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク