無限盤面で繰り広げられる細胞侵食バトル
CELLS は、無限に広がるシャーレの中で繰り広げられる細胞増殖バトルゲームです。
従来のボードゲームの概念を覆し、「角」も「端」も存在しない無限盤面で、あなたの戦略が試されます。安住の地はありません。信じられるのは、己の増殖力のみ。
顕微鏡で覗いた培養皿（シャーレ）の中——そこには境界がなく、細胞はどこまでも広がっていきます。
2つの細胞株が生存をかけて争う。相手の細胞を**侵食（Invasion）**し、自らの勢力を拡大せよ。しかし、増殖には限界がある。32細胞という制約の中で、いかに効率よく領域を支配するかが勝敗を分けます。
| ステップ | 説明 |
|---|---|
| 🟢 配置 | 自分のターンに、盤面上の有効な位置に細胞を1つ配置 |
| 🔄 侵食 | 相手の細胞を自分の細胞で挟むと、挟まれた細胞が自分の色に変化 |
| 各プレイヤーは32細胞まで配置可能 |
- 🏆 相手の細胞を全滅させる
- 📊 両者が細胞を使い切った時点で、より多くの細胞を持つ方が勝利
- ⏹️ 有効な手がなくなった時点で、細胞数で勝敗を判定
| 操作 | 説明 |
|---|---|
| クリック / タップ | 点線で表示された有効な位置に細胞を配置 |
| ドラッグ | 盤面を自由に移動して全体を確認 |
| モード | 説明 |
|---|---|
| 👥 2人で対戦 | ローカルで2人対戦。緑と紫が交互にプレイ |
| 🤖 AIと対戦 | CPUと対戦。あなたは緑、AIは紫を担当 |
CELLS is a cellular conquest battle game played on an infinite petri dish.
Overturning traditional board game concepts, there are no "corners" or "edges" on this infinite board. Your strategy is tested in a boundless world where there is no safe haven. Trust only in your ability to proliferate.
Inside a petri dish viewed through a microscope—there are no boundaries, and cells spread endlessly.
Two cell strains compete for survival. Invade your opponent's cells to expand your territory. However, growth has limits. You must dominate the area efficiently within the constraint of 32 cells.
| Step | Description |
|---|---|
| 🟢 Place | Place one cell on a valid spot on the board during your turn. |
| 🔄 Invade | Sandwiched opponent cells change to your color. |
| Each player can place up to 32 cells. |
- 🏆 Wipe out the opponent's cells.
- 📊 Have more cells when both sides run out of moves.
- ⏹️ If no valid moves remain, the one with more cells wins.
| Action | Description |
|---|---|
| Click / Tap | Place a cell on valid spots (shown as dotted outlines). |
| Drag | Move the board freely to inspect the battlefield. |
| Mode | Description |
|---|---|
| 👥 2 Player | Local multiplayer. Green vs Purple. |
| 🤖 vs AI | Play against the CPU. You are Green, AI is Purple. |
# Install dependencies
npm install
# Start development server
npm run dev| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Build for production |
npm run preview |
Preview build |
npm run lint |
Run ESLint |
npm run typecheck |
Run TypeScript check |
- Framework: React 18 + TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS
- Icons: Lucide React
src/
├── components/ # UI Components
│ ├── App.tsx # Main App
│ ├── Board.tsx # Game Board
│ ├── Cell.tsx # Cell Component
│ └── GameUI.tsx # UI, Menus, Results
├── hooks/ # Custom Hooks
│ └── useGameState.ts # Game Logic State
├── utils/ # Utilities
│ ├── gameLogic.ts # Game Rules
│ └── aiLogic.ts # AI Logic
└── types/ # Types
└── game.ts # Game Types