スクラッチ作品をJavaScriptで作ろう❹ スマブラ風バトルゲーム

JavaScript

by Kids Code Club

いよいよ本格的なゲームを作ってみます。KCCのレシピのなかでもトップの人気をほこる「スマブラ風バトルゲームを作ろう」をJavaScriptでやってみます!背景の絵やキャラの絵などがすでに入ったスタート版プロジェクトを用意しているので、それを利用して始めてください。ちょっと複雑なような気がしますが、基本的なジャンプゲームができればとくに難しいプログラミングはありません。
オリジナルレシピ:https://kidsc2.org/recipes/72/chapters

スタート版はこちら。レシピで使われていた画像を次のp5プロジェクトに入れてあります。これはDuplicate(リミックス)して保存してから、そこに直接コーディングしてみてください。
https://editor.p5js.org/kcc_recipe/sketches/f3szXwqdK

今回のポイントはクラス(class)です。スタート版にどんな感じでコードを書くか、ちょっとヒントを入れておいたので、それを参考にしてください。どこから始めたらわからなかったら、次の順番でやってみてください。
❶ ゼロ君をW,(右に行く)、D(左い行く)、W(ジャンプ)で動くようにする
❷ Kenが左矢印、右矢印、上矢印で動くようにする
❸ ゼロ君がSを押したらまくらが右に出てくるようにする
❹ それぞれものが当たったらゲームをストップする

ここまでできたらすごい!ちょっとコードが複雑になるので、ひとつひとつ順番にやっていってください。

さあ、あなたはスマブラ風ゲームをJSで作ることができるのか?がんばってください!

https://kidsc2.org/recipes/72/chapters