---
name: digit_renderer.aicomponent
description: 七段数码管风格数字渲染器。用 Phaser Graphics API 绘制倒计时数字和冒号分隔符，模拟 LED 七段显示效果。
triggers: 需要绘制七段数码管风格数字显示时触发。
---

# 七段数码管渲染器（Seven-Segment Digit Renderer）

## Scaffold

`src/game/scenes/GameUI/DigitRenderer.ts`

## Recipe

| 决策 | 原因 |
|------|------|
| **七段数码管风格** | 倒计时数字用 LED 风格，视觉上比普通字体更紧凑、更"游戏感"；且无字体资产依赖 |
| **纯 Graphics API 实现** | 不依赖字体文件或图片资产；七段数字用矩形拼接，跨平台渲染一致 |
| **抽取为独立 skill** | `countdown_timer.aicomponent` 复用本渲染器，不同场景（倒计时、得分）可组合使用而不重复实现绘制逻辑 |

## Adapter

- **Role**: `digitRenderer` — 七段数码管风格数字 Graphics 渲染器
- **Provides**: `DigitRenderer` 类（绘制数字、冒号分隔符）
- **Requires**: `phaser.aicomponent`（硬依赖：Graphics API）
- **Consumed by**: `countdown_timer.aicomponent`（倒计时显示）
- **Integration point**: `src/game/scenes/GameUI/DigitRenderer.ts` → CountdownDisplay 持有实例

## Imports

- `phaser.aicomponent`（硬依赖）

## Skill Definition

```yaml
tools:
  - read_file
  - write_file
inputs:
  - source: src/game/scenes/GameUI/DigitRenderer.ts
outputs:
  - digitRenderer: DigitRenderer class
```