小游戏平台 + Web 引擎 + 可视化编辑器
产品需求文档(PRD)
产品名称:小游戏平台 + Web 引擎 + 可视化编辑器 版本:v1.0 撰写人:xxx 日期:2025-09-27
一、产品背景 & 目标
1. 背景
- 微信、抖音小游戏生态繁荣,但开发门槛和平台适配成本高。
- Unity、Cocos 等大引擎虽支持导出 WebGL/小游戏,但体积大、学习成本高。
- 市面缺少一个 轻量级一体化方案:开发者可直接在 Web 上开发 → 一键导出 → 发布到平台 → 自带广告/支付/数据分析。
2. 产品目标
- 统一开发入口:可视化编辑器 + 可编程扩展(低门槛 & 灵活)。
- 一键分发:输出 Web 包、微信/抖音小游戏包。
- 变现闭环:内置广告/支付 SDK,接入数据埋点和统计分析。
- 生态扩展:支持插件市场、模板市场,形成开发者与发行者双边市场。
二、用户需求
1. 目标用户
- 独立开发者 / 小团队:低成本快速上线、追求高效工具。
- 教育机构 / 学校:教学、课程作业,需简单直观的编辑器。
- 发行商 / 广告主:快速获取可投放的小游戏,监控数据与广告回报。
2. 用户痛点
- 多平台适配成本高(微信/抖音/独立 Web)。
- 缺少低成本的引擎(Unity 太重、Cocos 入门复杂)。
- 缺少一体化闭环(开发 → 发布 → 变现 → 数据分析)。
三、功能需求
1. 引擎层(Runtime)
- 核心渲染:Canvas2D / WebGL2(未来支持 WebGPU)。
- 场景树/节点系统:支持精灵、文本、UI、粒子。
- 物理系统:2D Box2D / Matter.js;3D 可选 Ammo.js / Rapier。
- 动画系统:时间轴、骨骼动画、逐帧。
- 脚本系统:TypeScript 支持,热更新。
- 资源管理:纹理压缩、音频解码、分包加载。
2. 编辑器层(Web IDE)
-
基础功能
- 场景编辑(拖拽组件)
- 属性面板(修改节点参数)
- 时间线(动画控制)
- 资源管理器(导入/导出)
-
高级功能
- 脚本编辑器(Monaco IDE 集成)
- 预览运行(实时渲染)
- 多人协作(云端存储 + 权限控制)
- 模板市场(示例项目/常见玩法)
- 插件市场(扩展组件/第三方 SDK)
3. 平台层(SaaS 平台)
- 账号体系:注册、登录、第三方 OAuth(微信/抖音/Google/GitHub)。
- 项目管理:新建项目、版本控制、成员协作。
- 构建系统:一键导出 H5 / 微信小游戏 / 抖音小游戏。
- 广告 SDK:激励视频、插屏、Banner,支持腾讯广告 / Pangle / AdSense。
- 支付 SDK:小游戏内购,支持微信支付 / 抖音支付 / Stripe(海外)。
- 数据分析:DAU、留存、LTV、广告收入、漏斗分析。
- 内容审核:游戏发布前自动扫描(文字/图片/合规性检查)。
4. 分发与生态
-
游戏平台(Web + 小程序聚合)
- 游戏广场:分类、推荐、排行榜
- 游戏详情页:试玩、收藏、评论
- 活动运营:任务、礼包、分享裂变
-
开发者生态
- 模板市场:官方/第三方模板出售或共享
- 插件市场:广告 SDK、UI 组件、AI 插件
- 数据面板:收益结算、投放数据、分成报表
四、非功能需求
-
性能
- 首屏加载 ≤ 3 秒
- 包体 ≤ 10MB(微信小游戏限制),支持分包加载
-
兼容性
- PC Chrome/Firefox/Edge
- 移动端 iOS/Android(微信/抖音 WebView)
-
安全性
- 登录/支付使用 HTTPS
- 广告点击与支付上报需防作弊
- GDPR / 中国网络安全法合规
-
可扩展性
- 插件系统需标准 API
- 云端协作支持多人同时操作
五、技术架构(高层)
flowchart TD
subgraph Client[客户端]
Editor[可视化编辑器] --> Engine[小游戏引擎Runtime]
Engine --> Game[小游戏运行]
end
subgraph Platform[平台层]
Account[用户/账号体系]
Build[构建/出包系统]
Ads[广告/支付SDK]
Analytics[数据埋点/统计]
Audit[内容审核]
Store[模板/插件市场]
end
subgraph Infra[基础设施]
CDN[CDN + 对象存储]
DB[(数据库: MySQL/Redis)]
MQ[(消息队列: Kafka)]
Log[日志 & 监控]
end
Editor --> Build
Build --> Game
Game --> Ads
Game --> Analytics
Game --> Audit
Platform --> Infra
六、里程碑计划
阶段 1 (0-3个月 MVP)
- 引擎:Canvas2D 渲染、场景树、基础动画、脚本 API
- 编辑器:拖拽场景 + 属性面板 + 预览运行
- 平台:项目管理、H5 出包、CDN 托管
阶段 2 (3-6个月 Beta)
- 引擎:WebGL2 渲染、粒子、碰撞检测
- 编辑器:脚本编辑器、模板市场初版
- 平台:微信/抖音小游戏导出、广告 SDK 集成
阶段 3 (6-12个月 GA)
- 引擎:WebGPU 可选、物理系统
- 编辑器:多人协作、插件市场
- 平台:支付系统、数据分析、分成结算
阶段 4 (12个月+ 扩展)
- 国际化支持(多语言、Stripe/PayPal)
- 教育/白标版本
- 大规模活动(百万 QPS 支持)