はじめてのスクラッチ
- 1. スクラッチで順次処理を学ぼう!ネコを左右に動かすアニメーションの作り方【初心者向け】
- 2. スクラッチでネコが正方形に動くアニメーションの作り方|座標と向きの使い方
- 3. スクラッチでネコが左右にスケートするアニメーションの作り方|繰り返しの使い方
- 4. スクラッチでネコが走るアニメーションの作り方|コスチューム切り替えの使い方
- 5. スクラッチでネコがランダムな速さで走るアニメーションの作り方|乱数の使い方
- 6. スクラッチでロケットを矢印キーで動かす作り方|条件分岐の使い方
- 7. スクラッチで重力ゲームの作り方|もし〜なら・でなければブロック入門 (いまここ)
- 8. スクラッチでスプライト同士がメッセージを送り合う作り方|みんなであいさつ
- 9. スクラッチでキャラが順番に集合するアニメの作り方|みんな集合
- 10. スクラッチで分裂するネコのアートの作り方【クローン入門】
- 11. スクラッチでネコの分身を飛ばす作り方【クローン入門】
- 12. スクラッチで音付きアニメーション!2台の車が走り抜ける作り方
- 13. スクラッチでペン拡張機能のスタンプを使った星のランダムアートの作り方
- 14. スクラッチのペン拡張機能を使って正三角形を描く方法と外角の仕組みを解説
- 15. スクラッチで足し算プログラムの作り方【変数と聞いて待つブロック入門】
- 16. スクラッチでサイコロシミュレーターの作り方│乱数とリストを使いこなそう
- 17. スクラッチでリスト操作11種類を完全マスターする作り方|宇宙船クルー名簿チュートリアル
- 18. スクラッチでペンとブロック定義を使った三角形・四角形の描き方
- 19. スクラッチでリンゴキャッチゲームの作り方!矢印キーとタイマーのアクションゲーム
- 20. スクラッチでネコ追跡ゲームの作り方|マウスで逃げ切る30秒サバイバル
- 21. スクラッチで攻撃シューティングゲームの作り方|クローンと確率でバトル設計
- 22. スクラッチで5秒ぴったり当てゲームの作り方|タイマーと入れ子条件分岐を学ぼう
- 23. スクラッチでカスタムブロック(関数)の作り方|足し算・引き算ツール入門
- 24. スクラッチで宇宙シューティングゲームの作り方|スコアで激化する難易度システム
- 25. スクラッチで全方向シューティングゲームを作ろう!魔法少女とスライム迎撃バトル
- 26. スクラッチで潜水艦シューティングゲームの作り方|魚雷を撃って敵を倒そう
- 27. スクラッチで鳥避けフライトゲームの作り方|カラスを避けて荷物を集めよう
- 28. スクラッチでキャッチゲームの作り方!雪の結晶を集めて氷柱を避けるアクションを作ろう
さぁ、スクラッチでナニ作る!?
スペースキーを押すと上昇20、離すと落下10という非対称な速度設計が効いている。上昇と落下の力を同じにすると操作がただの往復になるが、2倍の差をつけることでちょん押しでふわっと浮き、離すとじわっと落ちる手触りが生まれる仕組みだ。条件分岐ブロックに2つの数値を入れるだけで操作感をコントロールできる発想、作り方から確かめていこう。
動画で見てみよう
チャンネル登録して応援よろしく!チャンネル登録する
チュートリアルの元になった作品
今回の目標
- スペースキーを押したらロケットが上昇する
- キーを離したら重力で落下する
- 端に当たったら初期位置に戻る
スターター作品をリミックスしよう
このチュートリアルにはスターター作品があります。使わなくても大丈夫だけど、最低限の素材などが用意されてるので便利です。
スターター作品をダウンロード
#1ロケットの準備
前回は矢印キーでロケットを動かしたよね。今回はスペースキー1つでロケットを飛ばすよ。押したら上昇、離したら落下──重力に逆らうゲームを作ろう!
準備
スプライト「ロケット」を開く
| スプライトについて |
|---|
| スペースキーで上昇・下降するロケット。端に触れると初期位置に戻る |
| どんな役割か |
| スペースキーを押したらロケットが上に飛んで、離したら下に落ちるようにするよ。端に当たったらスタート位置に戻るようにしよう! |
実装
が押されたときでスタートしたら、大きさを ( ) %にするでロケットのサイズを50%にするよ。元のスプライトだと大きすぎるから、半分にして画面内で動き回りやすくしてるんだ。ロケットの出発地点を画面下のほう、座標(0, -150)にセットして発射準備完了
スプライトのサイズって実はゲームの操作感に直結するんだよ。画面の高さは360ドットしかないから、ロケットが大きすぎると上昇・落下の距離が足りなくてすぐ端に到達しちゃう。50%っていう値はこの画面サイズに合わせた絶妙な設定なんだ。
#2上昇処理を作る
ここがこの作品のキモ。スペースキーを押している間はロケットが上に飛んで、離すと重力で落ちてくる──そんな動きを作るよ。
まずずっとの中にもし ( ) ならでなければを置こう。以前使った「もし〜なら」に「でなければ」が加わったバージョンだね。スペースキーが押されていたらy座標を20ずつ増やして上昇させる。
上昇中は次のコスチュームにするで噴射アニメーションが切り替わる。
旗を押すとロケットが画面下に出てきて、スペースキーで上昇・離すと落下するようになったね。端に触れたらスタート位置に戻る。
#3落下処理を作る
スペースキーが押されていなければ-10ずつ変えて落下。
落下中はRocketship-eの静止コスチュームに戻るよ。
上昇速度20に対して落下速度10──上に飛ぶ力が落ちる力の2倍っていう非対称なバランス、気づいたかな。実はこれ、あの「Flappy Bird」と同じ考え方で、ちょん押しでも上がれるけど離すとゆっくり落ちていく気持ちよさを生んでるんだよ。ゲームの操作感って、たった1つの数値を変えるだけで全然違うものになる。その調整が大事。細部に神が宿るんやで(どした?)
#4着地処理を作る
端に触れたらy座標を-150にリセットする処理も入れてあるから、画面外に飛び出してもスタート地点に復帰するんだ。
次回はメッセージを使って、スプライト同士がやり取りする方法を学んでいこう!
まとめ
どうだった?「もし〜なら、でなければ」ブロックを使って、2つの動きをきれいに切り替えられたね。上昇速度と落下速度の数値を変えると手触りがガラッと変わるから、ぜひ色々と試してみて。次回はメッセージを使って、スプライト同士がやり取りする方法を学んでいくよ!