Art Bible
AI World Sim 的视觉语言。
核心美学
风格: 暗黑像素风(Dark Pixel Art),深色背景 + 像素字体 + 像素阴影,沉稳而有温度。
- 🎨 暗色主题(深蓝黑背景
#0b1220) - 🔤 Zpix 像素字体(支持中文)
- ⬛ 小圆角按钮(4px),像素阴影(
3px 3px 0) - 💚 森林绿高亮(
#7c9885) - 📊 像素风格 HP 条
参考游戏: Stardew Valley、Eastward、Animal Crossing、RimWorld
调色板
| 名称 | 色值 | 用途 |
|---|---|---|
| Background | #0b1220 | 主背景(深蓝黑) |
| Panel | #1a2332 | 面板背景 |
| Card | #243044 | 卡片/悬浮背景 |
| Text | #f1f5f9 | 主文字(亮白) |
| Text Secondary | #cbd5e1 | 次文字 |
| Text Muted | #94a3b8 | 弱化文字 |
| Accent | #7c9885 | 主强调色(森林绿) |
| Amber | #f4a460 | 时间/金币 |
| Grass | #7cba3d | 草地/植被/在线 |
| Water | #5b9bd5 | 水面/信息 |
| Wood | #8b5a2b | 木材/边框 |
| Red | #cd5c5c | 警告/低血 |
| Purple | #9370db | 涌现事件 |
| Cyan | #20b2aa | 位置/标注 |
| Border | rgba(255,255,255,0.1) | 边框 |
角色精灵
- 尺寸: 32×48 px
- 动画: 四方向,每方向 4-8 帧
- 状态: Idle / Walk / Work / Eat / Chat / Sleep
- 表情: 😊 开心 / 😢 难过 / 😠 生气 / 😴 疲劳 / 💤 熟睡 / 💖 恋爱
建筑
每栋建筑 96×128 px(3×4 tiles):
| 建筑 | 类型 |
|---|---|
| 住宅 A/B/C | 普通民宅 |
| 公寓楼 | 多层住宅 |
| 便利店 | 商业 |
| 咖啡馆 | 餐饮 |
| 餐厅 | 餐饮 |
| 医院 | 公共设施 |
| 警察局 | 公共设施 |
| 学校 | 教育 |
| 图书馆 | 文化 |
| 银行 | 金融 |
| 办公楼 | 商业 |
| 工厂 | 工业 |
| 酒吧 | 娱乐 |
| 健身房 | 运动 |
| 超市 | 商业 |
Tile 规范
- Tile:32×32 px
- Padding:2px
- Extrude:1px
- PNG 透明背景
- 图集尺寸:1536×1024 px(48列×32行)
- Pixel Perfect,无模糊拉伸
UI 组件
- 暗色像素风面板(
--bg-secondary背景) - 小圆角按钮(4px)+ 像素阴影
- HP/EP/FD/MD/SC/GP 属性条(像素风格进度条)
- 世界地图(Canvas 渲染)
工具链
Aseprite → TexturePacker → PNG + JSON → PixiJS
📐 详细美术规范见 Design — Art Bible 📐 详细界面设计见 Design — UI Design