SKIP TO CONTENT
INTERMEDIATE
2 hours4 chapters

Game Mechanics

Design engaging game mechanics like points, levels, and powerups.

Vibe Coding Academy Avatar
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
Vibe Coding Academy Avatar
"Grab a snack — we're about to build the guts of a real game together!"