45 lines
4.0 KiB
Markdown
45 lines
4.0 KiB
Markdown
# 明亮教具室 · 参考图圆润版修订
|
||
|
||
日期：2026-10-21。版本：reference-cushion-v2。
|
||
|
||
本次以用户补充的效果图为视觉依据，覆盖此前报告中“薄描边、轻倒角、较深紫色”的生产建议。保持真实200关几何和玩法，重做棋块、底座、按钮及其色彩、厚度、受光和投影。
|
||
|
||
## 视觉修正
|
||
|
||
| 项目 | 此版实现 |
|
||
|---|---|
|
||
| 配色 | 从参考图局部采样：紫面约RGB(129,120,244)，奶油块面约RGB(249,237,213)，舞台约RGB(250,238,214)；黄底改为金黄渐变 |
|
||
| 圆润材质 | 按轮廓距离生成软倒角，叠加上缘亮部、下缘暗部、实体底沿与柔和投影；几何外形决定材质，不加载图片 |
|
||
| 多余线框 | 移除固定条件方框、当前位置四角框、双色已走内框、常驻块体描边和完成时轮廓扫线 |
|
||
| 桥接 | 由原来宽条改为细短圆润连接件，具有自身倒角和深度，仍连接真实共边 |
|
||
| 比例 | 简单盘面的棋块按可用舞台放大，减少先前大量空白；复杂盘面仍受真实包围盒和文字空间约束 |
|
||
| 按钮 | 增大圆角和厚度；重开用珊瑚实体回转符，撤销用暖黄实体箭头，指路用黄色灯泡；操作保持重开／撤销／指路 |
|
||
| 底座与状态 | 奶油软边底座、珊瑚关号标签、奶油计数胶囊；继续显示实际访问步数和剩余块数 |
|
||
|
||
必要的数字、奇偶、通道、墙门和类别形状保留。双色关保留蓝橙身份；小节距普通紫块采用较深紫面，保持小号数字清楚。此版没有替换或伪造真实关卡构图。
|
||
|
||
## 实现
|
||
|
||
新增 `wechat-campaign-200-r2/src/bright-classroom/cushion.mjs`：圆角矩形使用解析距离，异形和内孔使用原轮廓的贝塞尔采样距离；由距离和方向场计算亮暗、透明度及极轻静态颗粒。生成的Canvas只作为运行时缓存，字段缓存与材质缓存分别设10MiB、20MiB预算，按最近使用顺序淘汰。
|
||
|
||
参数集中于 `docs/design/bright-classroom/tokens.json` 的 `referenceMatch`。旧 `color` 与原报告保留为历史规范；原色对审计不作为新浅紫材质的验证结论。主要代码在 `theme.mjs`、`ui.mjs`、`geometry.mjs` 和 `board-renderer.mjs`。
|
||
|
||
仍未修改上游四份来源快照、关卡顺序、规则、存档key及音频；仅更新构建适配版本说明。Canvas的像素生成能力不可用时保留程序矢量回退。
|
||
|
||
## 验证与交付
|
||
|
||
| 证据 | 结果 | 对应结论与路径 |
|
||
|---|---|---|
|
||
| `node --test bright-classroom.test.mjs hints.test.mjs lessons.test.mjs audio-copy.test.mjs` | 30/30通过；新增软倒角像素的内孔透明、上亮下暗、不修改几何检查 | 材质生成与逻辑几何分离 |
|
||
| `node smoke.mjs` | 200/200唯一解与模拟微信触摸通关，四种屏幕、教学隔离、提示、撤销、存档及减少动态通过 | 全关卡行为保持 |
|
||
| 浏览器 `qa/hints.html` | 200/200已走格采样像素在开启提示及撤销重画前后相同 | 新缓存材质仍被提示层正确避让 |
|
||
| 实际浏览器观察 | 基础大块、双色奇偶、320×568的36块密集盘 | 取消线框后继续检查读盘与布局 |
|
||
|
||
试玩：[明亮教具室](http://127.0.0.1:17859/qa/bright-classroom.html)。
|
||
|
||
导入包：[参考图圆润版](../releases/NumberSwipe-campaign-200-r2-明亮教具室-参考图圆润版-20261021.zip)。SHA-256：`80EE3B573414A4A295497014916E401D3F27973B88815D2ABB62C904E1B6E628`。解压后导入微信开发者工具，重新编译并生成新预览；旧包保留。
|
||
|
||
实际运行截图：[基础大块](../wechat-campaign-200-r2/qa/bright-classroom-reference-v2.png)、[320宽密集盘](../wechat-campaign-200-r2/qa/bright-classroom-reference-v2-dense.png)、[200关像素检查](../wechat-campaign-200-r2/qa/bright-classroom-reference-v2-pixels.png)。截图不进入游戏包。
|
||
|
||
本次完成程序材质与浏览器视觉核对，未执行微信手机的帧耗时、内存和像素一致实测，也没有宣称整张概念图逐像素一致。手机上应使用新包检查初次生成材质、连续滑动、字体和前后台恢复。
|