Skip to content

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位置/标注
Borderrgba(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

Last updated:

Released under the MIT License.