スクラッチ作品をJavaScriptで作ろう❹ スマブラ風バトルゲーム
by Kids Code Club
![](https://recipe-production.s3.ap-northeast-1.amazonaws.com/images/recipes/thumbnails/stBcF2cZZhPJcz2vmgH2jBf8Gtvqpo7VYEcpHCSW.gif)
いよいよ本格的なゲームを作ってみます。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
オリジナルレシピ: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