小马启程产品系统

立项原因:微信小游戏生态验证了"轻、强社交、高复玩"的爆款公式,头部消除类已跑通商业模型。2026 丙午马年生肖节点临近,生肖+休闲消除的赛道窗口期短,亟需一款能快速上线、低门槛、强分享链的春节小游戏抢占流量。同时现有同类产品在视觉/留存上同质化严重,缺乏有节日差异化 IP 的产品。

行业场景:微信 13 亿月活的社交生态下,用户碎片化娱乐(通勤、午休、节日聚会)对"即点即玩、3 分钟一局"的轻量游戏需求强烈;微信小游戏广告与道具变现体系成熟。本项目以马年春节为切入,借鉴"前两关低难度引流、第三关极限难度制造社交话题"的经典模式,通过好友排行榜、求助分享、通关海报实现病毒式裂变,兼顾娱乐体验与商业变现。

核心玩法 — 三层卡牌消除:牌库(堆叠卡牌、上下层遮挡关系) + 操作区(点击上层卡牌入卡槽) + 卡槽(7 格,3 张同图案自动消除);3 关梯度难度,通关率从 85% → 55% → 0.3%,制造社交话题;含「马到成功」连击 BUFF(消除加速 5 秒)、「万马奔腾」通关特效、复活(看广告清槽续关)与 4 类道具(洗牌 / 移除 / 万能 / 凑齐)。

功能模块:

开始主界面 — 糖果粉渐变背景 + 鎏金 Logo + 一键开始
关卡选择 — 3 关可视化解锁,显示通关状态与最佳成绩
游戏主场景 — 牌库网格 + 7 格卡槽 + 道具栏 + 倒计时 + HiDPI 适配
排行榜 — 全国/好友榜双 Tab,云端拉取,8 条/页糖果胶囊分页
商店系统 — 2×2 道具网格 + 金元宝余额 HUD,购买扣币 + 看广告加币双通道
结算弹窗 — 通关/失败双态,星星评分,生成 500×600 分享战绩海报
用户与存档 — 微信登录(openid 自动获取)、金元宝与道具云端+本地双轨存档
视听体验 — BGM + 7 个 SFX,消除粒子 / 鎏金光晕 / 万马奔腾马蹄印
商业化 — 激励视频广告(续命 30 秒 / 复活 / 加道具)

本人角色:该项目唯一开发者,独立完成产品设计、架构选型、编码实现、自测回归的全流程。

技术栈:

原生 JavaScript(ES5 语法 + Babel 转译),最大化兼容老旧机型
Canvas 2D 手绘渲染(无 Cocos / Laya / Phaser 等引擎依赖),HiDPI 通过 canvas.width × pixelRatio + ctx.scale 适配
微信小游戏运行时(libVersion 3.15.1)、微信云开发 CloudBase(wx-server-sdk ~2.6.3)、微信开放数据域骨架
架构:单例 + Page 模式 + 模块闭包。GameManager / Renderer / SlotManager / UserManager / CloudManager / AudioSystem / FXSystem / LoginSystem 均为单例;MainPage / LevelSelectPage / StorePage / RankPage / ResultPage 由 PageManager 统一调度;GameConfig 集中管理色板/关卡/道具/音效/商城/广告位配置;SafeAPI 代理 wx.gameManager 仅暴露只读视图,屏蔽写接口防业务侧绕过。

亮点与难点:

HiDPI 画面模糊修复:retina 屏 canvas 逻辑 375×667 被拉伸到物理像素,导致文字发虚;通过物理位图分辨率 + ctx 缩放解决
云端+本地双轨:云函数失败自动降级 wx.storage,弱网下排行榜与存档仍可用
微信开放数据域预留:好友榜骨架提前建好,关系链权限申请通过即可接入,无需重构
糖果风视觉一致性:泡泡果冻岛色系贯穿全场景;PropIconPainter 用 2D 矢量绘制 4 类道具图标,统一替代 emoji
排行榜