INTERMEDIATE
2 hours•4 chapters
Game Mechanics
Design engaging game mechanics like points, levels, and powerups.
Progress: 0%In progress
What You'll Learn
本物の変数で score・lives・levels を追跡する
毎 frame ごとに更新して描画する game loop を作る
collision detection・spawning・時間制の powerups を追加する
難易度を上げ、消えずに残る high score を保存する
Description
ゲームを本当に楽しくしているものが何か、知りたかったことはない?それはグラフィックじゃなくて、メカニクスなんだ。コインを取ると上がる score、ミスると減っていく lives、5 秒間だけ無敵にしてくれる powerup。このチュートリアルでは、それを全部本物として、自分で読んで書き換えられるコードで作っていくよ。
きみの Vibe Coding Academy のアバターが、本物の JavaScript の例と、それぞれのパーツを作るために使える正確な AI プロンプトを案内してくれる。ここにあるスニペットはどれも本物の動くコードで、ごまかしも「もし〜だったら」みたいなプレースホルダーもなし。
最後には、ほとんどすべての 2D ゲームがどう作られているかの、ちゃんと使える頭の中のモデルが手に入る。state、game loop、collisions、spawning、powerups、難易度、勝敗、そしてページを更新しても残る high score。さあ行こう!
What's Inside
- 第 1 章 — はじめに: 「メカニクス」とは本当は何か、そして AI とどう話すか
- 第 2 章 — Score・Lives・Levels: state の追跡と本物の game loop
- 第 3 章 — Powerups と難易度: collisions、spawning、時間制の効果
- 第 4 章 — 自分の Game Loop を作ろう: 勝敗と保存される high score
About 2 hours • 4 chapters
"Grab a snack — we're about to build the guts of a real game together!"