スイカゲームの作り方① スタンプをリストで管理する土台を作る
スタータープロジェクトをリミックスしよう
今回はコスチュームなど多くが含まれたスタータープロジェクトがあるのでリミックスしておいてね。
ペンの拡張機能を追加する
画面右下のボタンをクリックしてペンを追加しよう。
サムネを開発用の背景に変えておく
スタンプで玉が動く仕組みを作る
スプライト「メイン」を開こう。
ワンステップずつスクショをとってあるから、画像を見て一緒にブロックを置いていこう。
リスト「玉一覧」を作る
玉のデータは６個のデータで成り立つ
リストを使うのだけど、普通の使い方とは少し違う。１から６までの６個のデータで１つの玉を表現していこうと思う。
２つ目の玉は７から１３までの６個のデータを使うといった具合だよ。
よし、引き続きブロックを置いていこう。
ペンのブロックを使うよ。
リストを割り当てる。
定義「_玉を追加する」を作る
引数は３つあるから注意。再描画せずに実行するにチェックをつけよう。
リスト「玉一覧」にデータを追加するブロックを６個置いてね。
とりあえず最初の２つに引数のXとYを入れよう。
緑の旗が押されたときに実行されるようにしよう。ずっとループの直前がいいよ。引数は適当でOK。
定義「_玉を描画する」を作る
引数はないよ。画面を再描画せずに実行するよ。
変数「現在の玉」を作る
初期化していこう。
ループブロックを置く。
この中で使う演算を作ろう。
これで玉の数だけループされるようになるよ。リストの中身が６個だけなら玉は１つ。中身が48個なら玉は８個というふうに計算できる。
このループの中には、「緑の旗が押されたとき」に使ってた↓このブロックを移動してきて。元の場所からは消してOKだよ。
ループの最後で変数「現在の玉」に６加算する。
元の場所には、この定義を実行するブロックを置いておこう。
分かりやすいようにもう１つ玉を追加しておこうか。引数はまたまた適当でOK。
玉のデータを取り出す
さて、玉のデータをリストから取り出す方法を紹介する。といってもカンタン。１つ目の玉はリストの１から６にデータが入ってるから、変数「現在の玉」の値がゼロならプラス１すればX座標のインデックスになるし、プラス２すればY座標のインデックスになる。
ループの中で使われているX座標の値に、リストの中に格納されているデータを使うように↓こんなふうに演算を使ってみよう。
Y座標側も同じようにしよう。
この状態でテストしてみると、リストの中身を手動で変えれば玉が動くようになっているはずだよ。
定数「■玉データの項目数」を作る
さて、この６というデータは重要な数字だし繰り返し使われるので、分かりやすさのために変数にしておこう。その際に■から名前を始めておくことで、この変数はゲーム開始後は変わらない、という意味合いを込めておこう。こういう変数を定数って呼んでるよ。
さっき使ってた６の部分を定数で置換しよう。
ループ内にも６があるから定数で置換しよう。
各種の定数を用意しよう（X座標やY座標など）
さて、「現在の玉 + 1」はX座標を意味する、と書いたけど、これを何ヶ月も先まで覚えておく自信は僕にはない。そこでこのプラス１の１はX座標のことでっせ、という意味合いを込めた定数を作っておこう。
その他のデータも同じように作る。
それぞれの定数を緑の旗が押されたときに初期化するぞ。
ついでに玉を追加する定義内の残りのデータにも値を入れておこう。
直接１とか２とか書いてあったマジックナンバーを定数ブロックで置換しよう。
-
マジックナンバーというのはカンタンに言うと「パッと見では何を意味しているのか分からない数字」のこと。例えばいきなり「変数を10ずつ変える」とあったら「この10って何？いったいどこから来たの？勝手に変えていいの？」とよく分からないけど、10をジャンプ力という変数に入れておけば「10はジャンプ力ってことね」と見ただけで分かるようになる。
マジックナンバーが多いプロジェクトは、リミックス難易度が高くなりがち。後日、自分で修正するときも困るから、どこかのタイミングでマジックナンバーを変数化しておくと便利。
定義「_玉を描画する」の名前を変える
_メイン処理を実行する、っていう名前にしておいて。
重力を作る
玉が落ちる処理を作るよ。
定義「_重力を適用する」を作る
画面を再描画せずに実行するよ。
実行する場所は、↓ここ。
定義内では玉一覧のデータを変えていく。まずはリストの◯番目を◯で置き換えるブロックを置いて、↓この演算を入れよう。
さらに、空いてるスペースで↓コレを作る。
そこからマイナス0.6する。
これをさっきの置き換えるブロックの右側に入れよう。
この長いブロックをそのまま複製しよう。
■スピードYのところを■Y座標にしよう。ついでに右側のブロックは外しておこう。
右側には↓この演算を当てはめる。すこし長いから注意して作ってね。
右側にはめよう。
よし、このタイミングで玉の引数を少し変えておこう。高い場所から落ちるようにしておくぞ。
現在の玉の各種値を持つ変数を作る
６個つくるぞ。
定義「_メイン処理を実行する」のループ内で、この変数に値を入れていくよ。
変数にはリストの値を入れるようにする。
これを合計６個つくる。
重力で使ってた演算を差し替える
さっき作った重力の処理で、リストから直接データを取って部分あるよね。それを今作った変数で差し替え用。
下も同じようにする。
グッと読みやすくなったと思う！
読みやすいコードは重要！
玉の値を変更する定義を作る
少し変則的な名前の定義を作るよ。
この定義内では、リストの値を置き換えるブロックを置く。
この定義を重力のところで使ってみよう。
↑さらに読みやすくなったと思わない？
読みやすさのことを可読性と呼ぶ。プロの現場では可読性が高いコードのほうが、複雑で難解なコードよりも喜ばれる。簡便化できるのに複雑なコードを書くのはときにマナー違反ですらあるから、常にシンプルにできないか考えるクセをつけよう。まぁ無理する必要はないよ。最初は複雑になりがちだし、純粋に処理が複雑な場合は演算も複雑になってしまうことは往々にしてある。
定義「_玉の情報を更新する」を作る
さっきつくった自分の◯◯に値をいれるブロック群をいったん外そう。
↓こんな状態になるよ。
定義を作る
定義内にさっき外しておいたブロック群をもってこよう。
重力のところで使っていくぞ。
箱の端で玉を止める
箱の端は下側だけではなく横側にもある。合計３箇所の「端」があるよね。それを加味したコードをしていくよ。
定義「_箱の端で止める」を作る
条件式の演算を用意する。
この条件ブロック内であれば、「端である」ということ。
この中で使う演算を作っていく。
少し長いからワンステップずつ進めていくよ。
まずは↓これらを用意する。
そして変数を入れていく。
これらを合体しよう。
そして玉の値を変える定義で使うよ。
こうすることで今後横側の端で玉を止めるときにもそのままこの演算が使える。
-
さっき伝えた可読性とは反するようなコーディングがいきなり出てきたね。たしかに、３箇所の端があるなら１つずつ処理を書いたほうがシンプルかもしれない。シンプルというか、平易というか、こんなふうに３箇所の処理を１つの演算で解決してしまうよりもブロック数は増えても読みやすい可能性はある。
コーディングには可読性以外にも保守性というものあるんだ。保守性というのは「メンテナンスしやすいさ」だと思ってOK。もしこの処理を下・右・左の３つに分けたら、このロジックを変えたいときは３箇所に変更をくわえないといけないよね。でもこの書き方なら１箇所だけ直せばOKだよね。だから３つロジックを作るよりも１つのロジックにまとめてしまうほうが保守性が高いといえるんだ。ここでは可読性よりも保守性を重視した結果、こういうコーディングになっているという裏事情があるよ。
プログラマーならこういう思考を最初からできないといけないというワケではないから安心してね。プログラマーの人でも、このあたりはシニアエンジニアとか上級エンジニアみたいな人と相談して決めていって徐々に慣れていくものだから。
追加していこう。
X座標のときとY座標のときので、追加の処理をくわえていく。
といってもここではY座標のとき、つまり下側の端で追加したい処理だけ作っておく。
定義を実行するのは↓こちら。
あと直前で玉の情報を更新しておこう。
定義「_玉を描画する」を作る
↓このブロックを移動しよう。
こんなかんじ。
玉の情報も更新する。
メイン処理で実行させよう。
あと、リストのデータを直接参照するのではなく、変数に入れてある値を使って可読性を高めよう。
衝突処理を整えていく
玉と玉がぶつかるというのはスカゲームの華だよね。この処理はぶっちゃけスーパー難しい。本格的に取り掛かるのは次回からだけど、ちょっと慎重に進めていこう。
定義「_玉同士の関係を更新する」を作る
変数「相手の玉」を作る
ここでも玉の数だけ繰り返すようにしよう。
自分と自分は判定する必要はないから、それ以外のケースで通る条件式を作る。
ループの最後で相手の玉を加算するブロックを置いておこう。ここが動くのは次回チュートリアルからだから、とりあえず置いておくかんじ。
定義「_直線距離と重なりを計算する」を作る
まとめ
おつかれさま！１回目からなかなかヘビーだったかな？ここから衝突処理に取り掛かるよ。直線距離の計算とかはピタゴラスの定理を使うんだけど、ゲーム開発ではすごく役に立つ。3Dゲームを作るときにも使える定理だったりするから、このタイミングで一緒にタックルしておこう。
スクラッチャーからのコメント
スクラッチゲーム攻略
スクラッチゲーム一覧
- あ行
- あ Appel
- あ RPG
- あ あつまれ どうぶつの森
- あ アクションゲーム
- あ アスレチック
- あ アモングアス
- あ アンダーテール
- あ 青の塔
- あ 青鬼
- え エーペックス
- お 落ちゲー
- か行
- か カービィ
- か 格闘ゲーム
- が がっぽり寿司ゲーム
- き キャプテンロケット
- き 恐竜ゲーム
- く クリッカーゲーム
- こ コールオブデューティー
- こ 荒野行動
- さ行
- し シミュレーションゲーム
- し シューティングゲーム
- し 射的・銃ゲーム
- じ ジオメトリーダッシュ
- じ ジャグラー
- す 3Dゲーム
- す スイカゲーム
- す スプラトゥーン
- す スマブラ
- す 寿司打
- せ 戦車ゲーム
- ぜ ゼルダの伝説
- そ ソニック
- た行
- た TACT-AIM
- た タワーディフェンスゲーム
- た 大砲ゲーム
- た 太鼓の達人
- た 戦うゲーム・バトル
- だ ダダサバイバー
- だ ダンシングライン
- だ 大戦争ゲーム
- だ 脱出ゲーム
- つ ツムツム
- つ 壺男
- て テトリス
- て テラリア
- で デルタルーン
- ど ドロップザナンバー
- ど ドロップザボール
- ど ドンキーコング
- な行
- に 2048
- に にゃんこ大戦争
- の 脳トレ
- は行
- は 8番出口
- ぱ パズドラ
- ぱ パックマン
- ぴ ピクミン
- ふ ファイブ・ナイツ・アット・フレディーズ
- ふ フォートナイト
- ふ フォールガイズ
- ふ フライデー・ナイト・ファンキン
- ふ フラッピーバード
- ぶ ブロスタ
- ぶ ブロック崩しゲーム
- ぷ ぷよぷよ
- へ ヘビゲーム
- へ ヘリコプターゲーム
- ぺ Paper.io
- ほ ホラーゲーム
- ほ 放置ゲーム
- ぼ ボンバーマン
- ぼ ボールころころ
- ぼ ボールブラスト
- ぽ ポケモン
- ぽ ポピープレイタイム
- ま行
- ま まち針ゲーム
- ま マイクラ
- ま マインスイーパー
- ま マリオ
- も もちもちスライム
- も モンスト
- も モンハン
- も 桃鉄
- や行
- や 野球
- よ 妖怪ウォッチぷにぷに
- ら行
- り リズム天国
- れ レースゲーム
- ろ ロックマン
- ろ ロブロックス
- 他
- わ わんこ大戦争
- ヴ ヴァロラント
- 趣味全般
- あ アニメーション
- あ アート
- い イラスト
- う UNO（ウノ）
- う 歌・曲のスクリプト演奏
- え エレベーター
- お オセロ
- お 音楽
- か カオスバトル
- か カードゲーム
- か 仮面ライダー
- く クレーンゲーム
- く 車運転ゲーム
- け 消しゴム落とし
- こ 工作
- し 将棋
- す スクラッチの文化
- つ 釣りゲー
- で デザインゲーム
- で 電車
- ど ドナルド（マック）
- ば バイク
- ぱ パズル
- ひ 飛行機
- べ ベイブレード
- め メダルゲーム
- め 迷路
- り 料理
- 映像作品、テレビ番組、漫画、動画などに関連したもの
- い イカゲーム
- が ガンダム
- き 鬼滅の刃
- し 進撃の巨人
- じ 呪術廻戦
- す すとぷり
- と 逃走中
- ど ドラえもん
- ど ドラゴンボール
- ね ネプリーグ
- ま マッシュル
- わ ワンピース
- ゲームセンター系
- げ 激カザーン
- す スロット
- ぱ パチンコ
- ほ ホリアテール
- み みんなでダービー（競馬）
- れ 連射でアタック
- kawaii系
- あ アイコン
- き 着せ替えゲーム
- ぺ ペット（育成）ゲーム
- スポーツ・運動系
- お 鬼ごっこ
- ご ゴルフ
- さ サッカー
- す スケボー
- す スポーツ全般
- た 卓球
- て テニス
- ば バスケ
- ぼ ボクシング
- ゆ 雪合戦・雪遊び
