本文记录失业期间复刻微信小游戏榜首《精明的倒水》的全过程,将持续更新开发进展。通过深度解析原版机制,设计可扩展的关卡系统。

🎯 项目启动:2025年7月20日

选定微信小游戏排行榜冠军《精明的倒水》作为开发目标,已完成基础筹备:

  • 完整通关体验并录制全流程
  • 收集无广告版全关卡通关视频
  • 拆解核心玩法架构:
    1
    2
    3
    4
    5
    graph TD
    A[关卡目标] --> B[水瓶选择]
    B --> C[水量控制]
    C --> D[物理模拟]
    D --> E[成功/失败判定]

🔧 技术方案

模块 技术选型 状态
物理引擎 Cocos Creator 液体物理系统 调研中
关卡系统 可扩展数据驱动设计 概念阶段
特效系统 Particle2D 粒子效果 待实现

📌 开发日志

持续记录关键技术突破与功能演进

2025年7月22日

  • 核心功能实现

    1. 基础渲染与交互

    • 2D瓶体与水体渲染
      完成瓶体基础建模与矩形水体渲染,视觉风格简洁清晰

    • 动态瓶体选择
      实现多瓶场景下的点击切换逻辑

    2. 液体操控系统

    • 基础倾倒机制
      完成单次倒水动作物理模拟

    • 水面动态适配
      优化瓶口水体表面张力表现

    3. 进阶功能开发

    • 连续倾倒系统
      支持多层水体连续转移

    • 自动封盖机制
      满水状态触发瓶盖闭合

2025年7月23日

  • 动画系统升级

    4. 视觉表现优化

    • 倾倒动作流畅化
      重构倒水动画曲线,提升物理真实感

    • 满水状态反馈
      增加水体充满时的视觉震动效果

    5. 关卡架构实现

    • 动态数据加载
      建立瓶子布局/水量/颜色的配置化系统

2025年7月25日

  • 视觉特效增强

    6. 沉浸式体验优化

    • Shader水体波动
      基于片段着色器实现动态水面波纹
    • 多向倾倒支持
      完善左右倾倒角度自适应逻辑
    • 动态投影系统
      • 瓶体移动时投影实时跟随
      • 投影浓度与水量正相关(水越多影子越深)

2025年7月28日

  • 关卡编辑器交付

    7. 编辑器核心功能

    • 动态调整瓶阵列数量与布局
    • 实时编辑单瓶水量/颜色
    • 一键生成标准化关卡数据

    技术决策反思

    当前方案采用分层水体+顶面渲染,虽较贴纸方案复杂,但已完成核心实现。开发中遭遇的挑战:

    • 三天技术停滞(主要耗时解决Photoshop安装问题)
    • 需APFS不区分大小写磁盘格式的特殊要求
    • 从Shader调优到动画衔接的细节打磨

2025年7月28日(续)

  • 编辑器增强发布

    8. 专业功能扩展

    • 广告触发瓶配置接口
    • 水量UI显隐控制
    • 关卡数据实时预览窗
    • 游戏/编辑模式无缝切换

    商店提交准备

    完成代码封装(预计为购买者节省2周开发周期),面临挑战:

    • Cocos 3.6-3.8多版本适配问题(如node.x/y兼容性)
    • 宣传素材制作(竖版截图转横版布局)
    • B站演示视频合成与发布
    • 定价策略:首发价¥50(原价¥100)

项目更新

本游戏已正式发布,欢迎体验:

(注:早期版本源码已上线Cocos Store商店:https://store.cocos.com/app/detail/7986)


项目策略:通过Cocos商店出售完整源码,聚焦核心玩法变现