【スクラッチ】７１５ブロックで作る「ぷよぷよ風パズルゲーム」第２回（全３回）

 YouTube解説動画

はじめに

このゲームの全体のフローです。

今回は↓の部分を作ります。

Step2-1：モバイル操作用のボタンを作る

↑

キーボードによる玉の操作

同じように「右」と「下」のスプライトも作ります。

あとは、ゲーム画面の押しやすいところに配置します。

「盤面」スプライトを動かしても構いません。

今回は説明しやすいようにボタン画像は左側に寄せました。

新しく作るグローバル変数

■「右」スプライトのコード

■「時計回り」スプライトのコード

「左」「右」「時計回り」スプライトは「このスプライトが押されたとき」ブロックを使います。
「g_押されたボタン」変数に入れる文字を変えているだけです。

イベントブロックに「（操作中の毎回処理）を受け取ったとき」ブロックを使います。

「下」ボタンは長押しするため操作中ループでタップされているかを毎回チェックします。

これでモバイル操作用の画像とコードが完成しました。

Step2-3：操作中に玉が下がる処理を作る

実装する処理

「盤面」スプライトに新しく作る変数

「操作中：配置可能チェック」ブロックを作る

「操作中：操作終了チェック」ブロックを作る

このブロックを呼び出した後は、「g_操作終了」変数に次の値が入ります。

「操作中：移動_一つ下げる」ブロックを作る

※注意

 自分で作ったブロックに「～を送って待つ」ブロックを入れる場合は”画面を再描画せずに実行する”にチェックをいれないようにします。

チェックを入れると挙動がおかしくなることがあります。

「もし（g_操作中の半歩）＝（いいえ）なら」の条件に合うときは、これから一つ下の段へずれるところなので「操作中：操作終了チェック」ブロックで移動できるかどうかを調べています。

１回目の「g_操作終了＝はい」で操作終了をキャンセルするために「ぶつかった？」変数を使って１回目かどうかを識別しています。

「もし（g_操作中の半歩）＝（いいえ）なら」～「でなければ」の条件に合うときは配置位置の半分ずれた位置にいるので下の段に配置位置を移動させています。

（このときの「ぶつかった？＝いいえ」の条件判定は必ず真になるので意味がなかったのですが、動画を作った後に気付いたのでそのままになっています。。）

↑の部分で１回目のぶつかりをキャンセルしています。

２回連続で「g_操作終了＝はい」になった場合は2玉の操作が終了します。

新しいメッセージ：「玉を下げる」

条件文中の一番下に「（玉を下げる）を送って待つ」ブロックを追加しています。

「旗が押されたとき」の操作中ループに処理を追加する

先ほど作った「操作中：移動_一つ下げる」ブロックを操作中ループの中に追加します。

「配置リストに追加」ブロックを作る

「（玉を下げる）を受け取ったとき」ブロックの処理を作る

操作している「玉」スプライトの座標を移動させて操作終了判定に合わせて状態を変更させます。

Step2-4：落下加速ボタンを実装する

「盤面」スプライトのコードを編集します。

「入力チェック（ボタン名）（キー名）」ブロックを作る

「旗が押されたとき」の操作中ループに処理を追加する

先ほど作った「入力チェック」ブロックと「操作中：移動と回転」ブロックを操作中ループの中に追加します。

「左（←）」「右（→）」の移動処理を作る

「盤面」スプライトのコードを編集します。

「盤面」スプライトに新しく作る変数

「初期化：玉が出現する時」ブロックで変数の初期化をする

※「前回入力ボタン」は初期化しなくても問題ありません（してもいいです）

「入力チェック（ボタン名）（キー名）」ブロックに移動、回転ボタン用の処理を追加する

「操作中：移動_左右（移動量）」ブロックを新しく作る

「操作中：移動と回転」ブロックに「左」「右」ボタンの処理を追加する

次に、「玉」スプライトのコードを編集します。

「（玉の移動と回転をする）を送って待つ」ブロックの処理を作る

操作中の「玉」スプライトが「玉の移動と回転をする」メッセージを受け取ったときの処理を作ります。

「盤面」スプライトのコードで設定された配置位置に「玉」を移動させるだけです。

これで「左（←キー）」「右（→キー）」ボタンを使った移動ができるようになりました。

実行して動作を確認してみてください。

Step2-5：玉を回転させる

「時計回り」ボタンと「↑キー」で操作中の2玉を回転する処理を作っていきます。

「盤面」スプライトのコードを編集します。

「旗が押されたとき」の操作中ループに処理を追加する

「入力チェック」ブロックの「時計回り」用を操作中ループの中に追加します。

↑キー： up arrow

「盤面」スプライトに新しく作る変数

チェック右（このスプライトのみ）

チェック左（このスプライトのみ）

チェック下（このスプライトのみ）

「回転チェック」ブロックを作る１（支点玉の周りを調べる）

操作中の2玉が回転できるかどうかをチェックして、回転可能であれば玉を移動させるブロックを作ります。

このブロックの説明は２回に分けて作っていきます。

まずは操作している「支点玉」の周りに空きがあるかを「配置可能チェック」ブロックを使って調べます。

新しいブロック名：「回転チェック」 

※ ”画面を再描画せずに実行する”にチェックをいれます

※支点玉の上は必ず空いているのでチェックしません

（また作ってませんが最終的には玉は下に詰められるからです）

チェックした結果をそれぞれの変数に格納しておきます。

「操作中：回転_支点の上から」ブロックを作ります

操作中の2玉が、「支点玉」の上に「回転玉」があるときの回転処理を作ります。

新しいブロック名：「操作中：回転_支点の上から」 

※ ”画面を再描画せずに実行する”にチェックをいれます

この場合の回転パターンは次の３種類あります。

「支点玉」の右が空いていれば「回転玉」を「支点玉」の右へ移動します。

「支点玉」の右が置けずに左が空いている場合は、「回転玉」を「支点玉」の左へ移動します。

「支点玉」の左右が置けない場合は、「回転玉」と「支点玉」を入れ替えます。

「操作中：回転_支点の下から」ブロックを作ります

操作中の2玉が、「支点玉」の下に「回転玉」があるときの回転処理を作ります。

新しいブロック名：「操作中：回転_支点の下から」 

※ ”画面を再描画せずに実行する”にチェックをいれます

この場合の回転パターンは次の３種類あります。

「支点玉」の左が空いていれば、「回転玉」を「支点玉」の左に移動する。

「支点玉」の左が置けず右が空いている場合は、「支点玉」を右へ、「回転玉」を上へ移動する

「支点玉」の左右が置けない場合は、「回転玉」と「支点玉」を入れ替えます。

「操作中：回転_支点の右から」ブロックを作ります

操作中の2玉が、「支点玉」の右に「回転玉」があるときの回転処理を作ります。

新しいブロック名：「操作中：回転_支点の右から」 

※ ”画面を再描画せずに実行する”にチェックをいれます

この場合の回転パターンは次の２種類あります。

「支点玉」の下が空いていれば、「回転玉」を「支点玉」の下に移動します。

「支点玉」の下が空いていない場合、「支点玉」を上へ、「回転玉」を左へ移動します。

■「支点玉」の左に「回転玉」がある時の回転

「支点玉」の上に「回転玉」を移動します。

※「支点玉」の上は必ず空いています（この部分のコードは後で書きます）

「回転チェック」ブロックを作る２（玉を移動する）

「支点玉」と「回転玉」の位置に合わせて玉を回転させる処理を「回転チェック」ブロックに追加します。

「支点玉」と「回転玉」の位置条件に合うように作成したブロックの処理を入れていきます。

最後の条件文のところが「支点玉の下に回転玉」のときの移動になります。

これで回転機能が完成しましたが、最後に移動と回転ボタンを押したときの効果音を追加しておきます。

「左」「右」「時計回り」ボタンを押したときの効果音を鳴らす

「盤面」の「音」に「Suction Cup」を追加します。

（「音を選ぶ」で選択できます）

「ポップ」は最初から入っているのでこれも使います。

左右に移動する音 ： 「ポップ」

回転する音：「Suction Cup」

「入力チェック（ボタン名）（キー名）」ブロックに次のコードを追加します。

これで効果音が鳴るようになりました。

実行して動作を確認してみてください。

これで第２回の動画解説は終了です。

YouTubeの動画でも詳しく説明しています。＾＾

「ぷよぷよ風パズルゲーム」の動画解説ブログ

第１回：玉出現（初期化、待機、出現）

第２回：操作中（左右移動、落下加速、回転）

第３回：自動中（自然落下、連鎖、得点計算）

「水色のパンダ団」が作ったスクラッチ作品の記事まとめ

スクラッチ作品の作り方や解説をした記事を整理しました。 小学生などの初心者やゲームを作りたい中級、上級者などプログラミングのスキル別に作品をまとめました。
https://pandadannikki.blogspot.com/p/blog-page_39.html