咪的深夜食堂 — 横屏像素动作 Roguelite(已上线抖音互动平台)产品系统Vibe Coding

我要开发同款
13阅读

技术信息

语言技术
HTML5JavaScriptCanvas
系统类型
Web小程序轻应用
行业分类
游戏

作品详情

行业场景

面向抖音「虚拟创作平台」的轻量互动内容赛道。平台要求作品零门槛即点即玩、纯离线运行、包体极小,而传统游戏引擎导出的包体动辄数十 MB,无法满足限制。本项目为解决「极小体积也能承载一款内容完整、可长期游玩的游戏」这一产品问题而立项,同时切入情绪疗愈的情感向内容场景:让玩家在几分钟碎片时间里,获得完整的叙事、战斗与情感反馈体验,适合社交平台的传播与分享。

功能介绍

游戏是横屏俯视视角的动作 Roguelite,外套「深夜食堂」叙事壳,含完整的六夜主线与十二个情绪关卡。核心循环:顾客带着负面情绪进店 → 玩家进入「情绪之境」清怪并收集情绪碎片 → 返回食堂完成做菜 QTE → 通过「听懂客人没说出口的话」二选一读心机制,解锁更深层的对白与结局。主要功能模块包括:战斗系统(11 种厨具武器、11 种局内调料 build、暴击/吸血/荆棘等词条、命中顿帧与震屏反馈);敌人系统(12 种基础情绪 × 情绪组合蔓延机制,可派生大量复合敌人与心魔 Boss);养成经营系统(8 只可收养伙伴猫、食堂声望星级、账台永久升级、每日委托);无尽试炼模式(波次递增、Boss 波、精英怪词条、最佳纪录存档);叙事系统(多结局、真结局暗线、开场故事、章末结算)。全部内容由数据表驱动,可快速扩展新关卡与新敌人。

项目实现

我一人独立完成策划、程序、引擎、美术管线与发布全流程。核心是自研的零依赖 JS/Canvas 游戏引擎,分层架构为:画布/输入/音频引擎 → 场景栈 → 实体系统 → 数据驱动表,并将 3000 行单文件重构为 6 个有序模块,便于长期迭代。工程亮点与难点:① 体积控制——中文字体用 pyftsubset 子集化到实际用到的 842 字、仅 115KB,整包控制在 4MB 级并做到纯离线零外链,满足平台硬性合规;② 美术自动化——用 Python 写连通域抠图与序列帧切割脚本,把 AI 生成的整图批量切成可用精灵表;③ 质量保障——全程用 Playwright 做自动化回归,每次改动跑通全部关卡管线;④ 手感调优——自研顿帧、震屏与视线遮挡判定,解决远程攻击穿墙等实际战斗问题。作品已通过抖音虚拟创作平台审核并上线。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论