ちょびっと迷路を作ろう 2

 

前回の ちょびっと迷路を作ろう のつづきです。

先日、「共有しようとしたら公開されない」という相談を受けました。
調べてみると共有したはずの作品が自動的に削除されていました。
原因はテキスト表示の中に不適切な単語を含んでいたため、サーバー側のチェックに引っ掛かったようです。
みなさんもご注意ください。

 

タイルマップの当たり判定を使おう

まず、プレイヤーを用意します。

プレイヤーを用意する

 

キャラの絵はこれを使いました。

プレイヤーキャラの絵を選ぶ

 

プレイヤーを操作できるようにします。

プレイヤーを操作できるようにする

 

テストしましょう。
プレイヤーを動かすと、壁の絵に関係なくどこでも移動できます。
壁には移動できないようにしたいですね。

プレイヤーが壁にめり込む

 

壁に当たり判定を入れます。
タイルマップエディタを開きましょう。

タイルマップエディタを開く

 

下図をみて、ブロックのようなアイコン (Draw Walls) をクリックしましょう。
そして、ツールのペイント(ペンのアイコン)を選択した状態で、壁の部分をクリックしていきます。
赤くて薄いシートを貼ったような感じになります。
間違えた部分はツールの消しゴムを選択して消しましょう。

Draw Wallsで壁の部分をクリックしていく

 

テストしましょう。
プレイヤーが壁の部分へ移動できなくなりました。

プレイヤーが壁の上に移動できない

なお、タイルマップの当たり判定(赤くて薄いシート)は表示されません。

 

プレイヤーの初期位置を決めよう

これまでプレイヤーの初期位置は、画面座標を直接指定していました。
タイルマップを使うとき、この方法は都合が悪いです。
想像してください。ステージが100あるゲームを作るとします。当然、各ステージのマップ構成は変わります。 そのためプレイヤーの初期位置も100通り必要になります。

これを解決するには、マップ情報をもとに初期位置を決める方法を使います。
シーン から mySpriteをランダムに の上に配置 をドラッグします。

マップ情報を使ってプレイヤーを配置する

 

下図を参考に箱のような絵を選択します。

箱のような絵を選択する

 

テストしましょう。
実行後、プレイヤーは箱のような絵の上に表示されます。

実行後、プレイヤーは箱のような絵の上に表示される

このようにマップの絵を利用すれば、初期位置を直接指定しなくてもよくなります。
それから、初期位置用に用意した箱の絵が気になる場合は、配置後に消すことも可能です。
消す方法は、この後の説明で行います。

 

背景色を変更しよう

画面をよく見ると、青い玉の後ろが黒く見えます。
これは背景色(背景の絵)の上にタイルマップの絵が表示されているからです。

青い玉の後ろが黒く見える

 

背景色を変えて違和感を抑えます。
シーン から 背景色を○に設定 をドラッグします。

背景色の設定を行う

 

背景色を紫にしましょう。

背景色を紫にする

 

背景色が壁の色に近づき違和感が少なくなりました。

背景色が壁の色に近づいた

 

ゴール判定を入れよう

プレイヤーが階段の絵まで来たらゲームクリアにします。
これにはタイルマップの情報とスプライトの当たり判定を使います。

シーン から黄色い四角で囲んだブロックをドラッグします。

タイルマップとスプライトの当たり判定を行う

 

当たり判定をしたいタイルを選びます。
これでスプライト player タイプと階段の絵のタイルの当たり判定が行えます。

当たり判定をしたいタイルを選ぶ

 

ゲーム から game over 勝ち をドラッグします。

game over処理を持ってくる

 

当たり判定の中に入れます。
これでプレイヤーが階段についたらゲームクリアの演出が始まります。

game over処理を当たり判定に入れる

 

次回、完結編に続きます。

 

MakeCode Arcade

  1. MakeCodeはいかが
  2. りんご狩りゲーム
  3. りんご狩りゲーム(完)
  4. ピザを避けてゲーム
  5. ピザを避けて 2
  6. ピザを避けて(完)
  7. アカウント登録
  8. ケーキ早食いゲーム
  9. ケーキ早食い 2
  10. ケーキ早食い(完)
  11. 危険ドライブ
  12. 危険ドライブ 2
  13. 危険ドライブ(完)
  14. 15秒シューティング
  15. 15秒Shooting 2
  16. 15秒Shooting(完)
  17. ブロック崩し
  18. ブロック崩し 2
  19. ブロック崩し(完)
  20. ヘビキングを撃て
  21. ヘビキング(完)
  22. ちょびっと迷路
  23. ちょびっと迷路 2
  24. ちょびっと迷路(完)
  25. でんでんジャンプ
  26. でんでんJump 2
  27. でんでんJump(完)
  28. ミニダンジョン
  29. ミニダンジョン 2
  30. ミニダンジョン 3
  31. ミニダンジョン 4
  32. ミニダンジョン(完)