Files
NumberSwipe_New/docs/2026-10-21_程序化美术-参考图圆润版修订-report.md

4.0 KiB
Raw Permalink Blame History

明亮教具室 · 参考图圆润版修订

日期: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块密集盘 取消线框后继续检查读盘与布局

试玩:明亮教具室。

导入包:参考图圆润版。SHA-256:80EE3B573414A4A295497014916E401D3F27973B88815D2ABB62C904E1B6E628。解压后导入微信开发者工具,重新编译并生成新预览;旧包保留。

实际运行截图:基础大块、320宽密集盘、200关像素检查。截图不进入游戏包。

本次完成程序材质与浏览器视觉核对,未执行微信手机的帧耗时、内存和像素一致实测,也没有宣称整张概念图逐像素一致。手机上应使用新包检查初次生成材质、连续滑动、字体和前后台恢复。