SuperAPI AI 工具集

pixel-art-game-builder

编程与开发

查看项目

更新于 10-15 20:28

技能介绍

用途:指导架构与开发像素风放置/增量(idle/incremental)游戏,并支持程序化精灵生成。

主要能力:提供快速开始、可复制模板、设计模式、完整示例与深度参考文档;覆盖游戏循环、存档系统、进度公式、精灵渲染、资源系统、升级树、转生循环、程序化精灵、UI 模式与内容结构。

必要用法:使用 Vite 创建 React+TS 项目,安装 zustand、immer 与 tailwindcss 等依赖,命令为 npm create vite@latest my-idle-game -- --template react-ts、npm install zustand immer、npm install -D tailwindcss postcss autoprefixer、npx tailwindcss init -p,再从 assets/ 复制 CSS 与 Tailwind 配置。

关键规则:精灵 16×16、每精灵最多 4 色、仅用 12 色调色板、显示放大 4 倍;必须设置 ctx.imageSmoothingEnabled = false 与 .sprite { image-rendering: pixelated; };禁止抗锯齿与渐变。游戏循环建议 100ms tick,状态用 Zustand+Immer 并持久化。

设计原则:极简、发光、沉思;无计时器、无截止、无 FOMO、无负面信息;按钮带文字标签、触控目标≥44px、移动优先。

适用场景:像素风放置/增量游戏的原型与完整实现。

限制:资料未提供具体收费、价格、平台与效果数据;性能目标为包体<200KB gzip、空闲≥30FPS、内存<100MB。