Breakout

ブラウザで作るBreakoutゲーム — Canvas APIで反射角とレベルデザインを攻略する

Canvas APIとrequestAnimationFrameでBreakoutゲーム（ブロック崩し）を実装する。パドルの反射角計算、ブロック配置のレベルデザイン、スコア管理の勘所をコンポーネント実装を通じて解説。

TypeScriptで型安全なゲームループを設計する — Snake・Tetrisの状態管理

Snake、Tetris、Breakoutの実装を通じて、TypeScriptの型システムを活用したゲーム状態管理とフレームレート制御を解説する。

衝突判定の基礎 — 円と矩形、そしてインパルスベースの衝突応答

physics.tsの実装を解説しながら、円同士・円と矩形の衝突判定アルゴリズム、反発係数によるバウンド制御、インパルスベースの衝突応答の数学的背景を掘り下げる。