为什么:地块和牲畜原本是响应式卡片列表,信息全但没有"农场"的形状感。
改成一张俯视像素风地图作主视觉:农田按 4 列排成方阵(地块多自动改 6 列),
土壤颜色随水分深浅变化、作物随生长进度放大、成熟发金光、缺水画干裂;
牧场围栏里牲畜随机漫步,待收产出挂金色气泡、没喂食标 💢;
已拥有的建筑在底部建筑带列队;五种天气各有天色,雨/暴雨有雨滴动画。
悬停出提示框,点地块即播种/浇水/收获、点牲畜即喂食/收取——全部复用
既有 openCropPick/act() 流程,卡片面板原样保留作精确操作入口。
实现要点:画布用逻辑坐标绘制、按容器宽 × devicePixelRatio 缩放,
高分屏不糊、窄屏等比缩;命中检测在逻辑坐标上自己算。
服务端零改动——state 里的 plots/animals/buildings 现成够用。
修复一个真机才抓得到的初始化 bug:动画循环首帧同步执行,原顺序
"先绑定后布局"让首帧在未初始化的字段上 TypeError,rAF 注册被一起吞掉,
表现为画布全白但点击命中正常(命中不经过画布)。改为先布局再绑定,
并给 mapStep/mapDraw 加空值护栏。
真浏览器端到端验证:登录、canvas 坐标点击浇水(AP/水分/toast 全对)、
悬停提示、动画循环存活(云位移 5.24px/600ms)、截图目检渲染效果,
errors/console 干净。534 项测试全绿,ruff/pyright 无告警。
3.2 KiB
3.2 KiB
2026-09-25 四座自动化设施
- 用户要「添加自动化设施」,AskUserQuestion 给了 4 个候选,用户全选: 喷灌系统 / 自动收割机 / 自动售货机 / 饲料磨坊。
- 设计上沿用既有建筑哲学:只替代行动点动作,绝不自动花钱。
_run_buildings扩成六段流水线(顺序即依赖): 水井 → 喷灌 → 收割机 → 磨坊 → 喂食器 → 售货机。 磨坊刻意排在喂食器前——早上磨的饲料当天就能喂上; 收割机遇满仓停摆、作物留地(同喂食器缺料停摆)。 - 数值:喷灌 2800/限1/全量浇水;收割机 900/限3/每天各收 2 块熟地、 刻意不给经验(机器收的不算劳动,给手动玩法留价值); 售货机 1200/限1/市价>基准价才卖、每天上限 5 份、越贵越先卖 (_earn 复用 sell 的入账逻辑);磨坊 500/限1/1 份最便宜的作物磨 3 份饲料 (FEED_UNIT_PRICE=6,小麦 14 磨 18 金的料,微赚但吃掉作物)。
- 架构红利:config.BUILDINGS 驱动一切(build 动作、catalog、网页建筑区、 可用动作推荐),新增建筑 engine 之外零改动。
- 测试 +6,途中确认两个既有行为:引擎自带 START_FEED=5(feed 断言要先清零); advance_day 牲畜阶段末尾会把 fed 复位(「喂到了」的证据是 pending 累计, 鸡 cycle=1 当天喂到就 pending=1)。
- 门禁 534 项 OK(skip 39)、ruff/pyright 全绿;提交
cb4c1e7已推送。 服务器已重启到新代码,catalog 8 座建筑齐全。
2026-09-25 Canvas 二维农场地图
- 用户问「能不能做成二维的」,AskUserQuestion 三选一:CSS 农田视图 / Canvas 像素农场 / 网页+TUI 都改,用户选 Canvas 像素农场。
- 实现:全在 webui.py(服务端零改动,state 里现成的 plots/animals/buildings 够用)。页首插一张全宽 canvas 卡片:逻辑坐标绘制(456×152 起,随地块数变)、 实际像素 = 容器宽 × dpr,命中检测自己算(逻辑坐标 = clientX × MAP.w/rect.width)。 农田 4 列方阵(>12 块改 6 列)土壤颜色随水分插值、作物 emoji 随生长放大、 成熟金光、干裂画裂纹;牧场围栏里牲畜随机漫步回弹、待收产物金泡、没喂 💢; 底部建筑带(owned>0 才画);天气五種各有天色+雨滴/云/烈日。 交互复用 openCropPick/act():空地点击弹选种、熟地收获、缺水浇水、 牲畜收取优先于喂食。下方卡片面板全保留(地图负责沉浸,卡片负责精确)。
- 踩坑:rAF 循环首帧同步执行。updateMap 原顺序 bind→layout,首帧
f.ts在 MAP.field=null 上 TypeError,把 requestAnimationFrame 注册一起吞掉, 表现是「画布全白但点击命中正常」(命中是纯数学不经过画布)。 修复:layout→sync→bind→fit 顺序 + mapStep/mapDraw 空值护栏。 排查手法:截图空白先别信,getImageData读像素 + 探针 rAF 计数 + 云位移 三连定位「画了没」和「循环活着没」。 - 真机验收:登录、canvas 点击浇水(AP 4→3、水分 2→3、toast)、 悬停 tooltip、截图目检全过;errors/console 干净。534 项测试全绿。