Game UI Kit
Единая дизайн-система для web-панелей игр TableTime.
Расположение
apps/web/components/games/ui/
Компоненты
| Компонент | Назначение |
|---|---|
GameShell |
Обёртка: фаза, текущий игрок, score strip |
PlayerChip |
Цветной чип игрока (4 цвета из dice_board) |
Scoreboard |
Таблица очков |
ScorecardGrid |
Scorecard (Яцзы) + кнопки категорий |
CardHand |
Рука карт / чисел |
BidControls |
Ставка + challenge (Перудо) |
TileGrid |
Память / лото / бинго |
TimerBar |
Таймер фазы (Tier 2) |
CanvasBoard |
Рисование (Tier 3) |
WaitOverlay |
Ожидание хода соперника |
Палитра (theme.ts)
| Token | HEX |
|---|---|
| fieldBg | #f5e6d3 |
| gridLine | #8b7355 |
| highlight | #ffd54f |
| players | #c62828, #1565c0, #2e7d32, #6a1b9a |
Использование
import { GameShell } from "@/components/games/ui/GameShell";
import { TileGrid } from "@/components/games/ui/TileGrid";
<GameShell pluginId="memo" phase={view.phase} currentPlayerName={...}>
<TileGrid tiles={board} onFlip={(i) => onAction("flip_tile", { index: i })} />
</GameShell>