39 lines
1.4 KiB
Markdown
39 lines
1.4 KiB
Markdown
# Bit-ready Vue 动画组件
|
|
|
|
本项目按照 Bit 文档所强调的“独立、可组合组件”方式组织视觉层，同时保留标准 Vite 构建，以确保下载后可以直接运行。
|
|
|
|
## 组件边界
|
|
|
|
### EvolutionScene
|
|
|
|
- 输入：当前纪元、资源数、点击强度、自动产率、发射状态；
|
|
- 输出：`pulse` 事件；
|
|
- 动画：Motion 弹簧入场和按压反馈；CSS 行星呼吸、城市灯光、星种发射轨迹；
|
|
- 不读取存档，不直接修改游戏状态。
|
|
|
|
### MilestoneRail
|
|
|
|
- 输入：纪元配置、资源数、已完成里程碑；
|
|
- 输出：`purchase(id)` 事件；
|
|
- 动画：Motion 交错入场和悬停位移；
|
|
- 所有购买合法性仍由 `gameState.js` 判定。
|
|
|
|
### SignalLog
|
|
|
|
- 输入：叙事信号数组；
|
|
- 动画：新信号淡入；
|
|
- 无全局状态依赖。
|
|
|
|
### EndingOverlay
|
|
|
|
- 输入：结局等级；
|
|
- 输出：`restart` 事件；
|
|
- 动画：全屏结局转场；
|
|
- 不负责创建下一轮状态。
|
|
|
|
## 为什么保持 Vite 主构建
|
|
|
|
Bit 可用于后续独立跟踪、预览和发布这些组件；游戏发行仍使用 Vite SingleFile，把全部组件、动画和样式内联到 `dist/index.html`。因此玩家不需要 Bit CLI、Node.js 或网络连接。
|
|
|
|
若团队后续采用 Bit，可在现有项目执行官方文档中的 `bit init`，再将 `src/components` 下的组件按各自目录边界跟踪。游戏规则层与发行构建无需改变。
|