交付 Canvas 或引擎开发
设计交付要让另一位开发者知道哪些是固定规格、哪些取决于窗口和数据、哪些是未实现的示意。你可以保持引擎中立，但不能让规则模糊。
一份完整交付包
下载交付规格模板、Token 清单、状态与验收清单，连同 Figma 节点、截图和资源清单使用。
| 层面 | 要交付的内容 |
|---|---|
| 布局 | 基准尺寸、容器层级、外边距、尺寸公式、安全区输入 |
| 组件 | 状态、属性、内容覆盖、触摸区域和禁用策略 |
| 行为 | 事件表、输入锁、暂停、重开和异步恢复 |
| 动效 | 起终点、时长、曲线、能否中断与结束条件 |
| 资源 | 源节点、实际尺寸、格式、颜色配置、授权和路径 |
| 数据 | 实时来源、占位值、加载／失败／空状态 |
| 验收 | 设计、原型、工具调试和真机各自的证据 |
布局映射示例
设计把棋盘分成纵向行与横向卡牌。Canvas 可以通过公式计算位置，引擎可以使用布局组件或手工排布。两者都应保留同样的关系：
innerWidth = windowLogicalWidth - 2 × horizontalInset
cardWidth = min(98, (innerWidth - 2 × boardInset - 2 × gap) / 3)
cardHeight = cardWidth × 112 / 98
boardHeight = 4 × cardHeight + 3 × rowGap
教学取 horizontalInset=24、boardInset=12、gap=rowGap=12。实际项目应根据窄屏触摸体验确定最小值及替代布局。
微信环境边界
小游戏原生没有浏览器 DOM/BOM；普通 HTML/CSS/React 页面不能直接当作小游戏。官方 Adapter 只是适配层，也不是完整浏览器模拟。
窗口和安全区在运行时读取。Canvas 像素精度、纹理像素与逻辑坐标由适配层统一处理；引擎已经处理 DPR 时不要重复缩放。字体加载失败要保留回退。客户端真实表现优先于开发者工具结果。
真机检查清单
至少覆盖 iOS、Android、不同宽高比与安全区；检查长文案、字体失败、快速连点、第三张抢点、触摸取消、多点触控、切后台恢复和重开时旧回调失效。真实奖励需要服务端幂等与失败恢复，不能只在界面上加一个数字。
请先核实当前小游戏项目使用 Canvas 还是具体引擎。
读取现有布局、资源和状态管理代码，建立设计到实现的映射表。
按交付规格实现一个最小流程，再给出开发者工具与真机待验项。
Figma 截图、浏览器演示和运行时结果分别记录，不互相冒充。
本次交付的验证边界
本站交付设计教程、真实 Figma 样例、静态资源和规格。没有生成完整上线小游戏，也没有进行微信 iOS／Android 真机性能、广告或支付测试。你后续选择引擎后，可以复用这里的契约和资源继续实现。