企业官网建设流程全解析

星露谷物语农场规划器实战指南：动工前先画图，返工成本直降为零

【免费下载链接】stardewplannerStardew Valley farm planner项目地址: https://gitcode.com/gh_mirrors/st/stardewplanner

种田游戏最痛的从来不是种不完，而是返工。一位朋友在第一年冬天发现自己的铱洒水器少覆盖了两排作物，而温室正好堵死了谷仓的扩建路线——那一晚他推掉了三座鸡舍、移植了上百株作物、白白损失两周收成。在《星露谷物语》里，一次布局失误的代价是几十个游戏日；而今天要介绍的这款星露谷物语农场规划器（Stardew Valley Farm Planner），把同样的返工成本压缩到了"点一下撤销"的程度。

一句话定位：它是你的农场虚拟沙盘——先摆、先试、先推翻重来，满意了再照着图纸进游戏施工。就像装修前先看效果图，谁也不会先砸墙再后悔。

两条命令搭起本地工作台，五分钟后开始规划

项目对环境极其友好，只需要一个 Node.js 环境，不需要数据库、不需要构建工具。复制下面三行就能跑起来：

git clone https://gitcode.com/gh_mirrors/st/stardewplanner cd stardewplanner && npm install node index.js

打开http://127.0.0.1:3000，规划界面立刻呈现。整个前端是原生 JavaScript + SVG 绘制，没有任何编译步骤，改完代码刷新页面即可生效。项目的目录结构也一目了然，方便你随时钻进源码探索：

public/planner/ ├── index.html # 规划器入口页面 ├── js/ │ ├── main.js # 界面交互主逻辑 │ ├── data/ │ │ ├── layouts.js # 全部农场地图配置 │ │ └── sprites.js # 元素贴图清单 │ └── engine/ # 画布渲染引擎（board/brush/building） └── img/layouts/ # 各农场背景图

不止标准农场：二十多张地图任你选

规划器支持的农场远超你的想象。官方地图覆盖标准、山顶、沙滩、四角、姜岛、采矿、钓鱼、畜牧等十余种，每一张都配了从游戏导出的真实背景图和三份独立的放置限制层——哪些格子能耕地、哪些能放建筑、哪些根本过不去，系统真实模拟，而不是一张可以乱画的空白纸。限制层数据就存放在public/planner/js/data/layer-information/下，按农场名分别提供了 buildable、tillable、accessible 三类 JSON。

更惊喜的是它还收录了大量知名 Mod 农场，比如 Larger Hilltop、Immersive Farm、Ali's Farm 等二十多张社区地图，装了 Mod 的玩家也能精确规划。切换非官方地图时，系统会弹窗标注作者信息，尊重每一位做图的人。

洒水器覆盖可视化：把"漏浇"消灭在动工之前

洒水器是农场自动化的心脏，而规划器最实用的功能，就是覆盖范围一键高亮。普通洒水器 3×3、优质 5×5、铱洒水器 7×7，摆下去之后湿润区域直接亮起来，漏不漏浇、重不重叠一眼看清。稻草人的驱赶范围、蜂房的作用半径、祝尼魔小屋的收割范围，同样可以切换显示——覆盖层的计算逻辑封装在public/planner/js/engine/board.js里，感兴趣可以自行阅读。

对新手的价值尤其大：很多人第一年都是"种完再说"，有了覆盖可视化，第一天就能设计出一套永不返工的自动浇灌系统。进阶玩家则能借此做极限优化——保证全覆盖的前提下，把洒水器数量压到最少，给作物腾出更多格子。

把游戏存档倒进规划器，一条命令重建你的农场

规划器最有技术含量的一手，是存档导入。它内置了一个 Express 路由，接受saveGame.xml或saveGame.zip（注意是普通 zip，不是 gzip，最大 25MB），解析后重建你的真实农场——已建好的建筑、种下的作物、铺好的地板，全部还原到画布上。

curl --form "file=@saveGame.xml" http://127.0.0.1:3000/api/import

导入后可以直接在现有布局上继续优化：给建成的农场补洒水器、重新规划扩建区，改完通过POST /api/save保存方案，服务端会生成一段可读的分享 ID（比如brave-cat-climbs-tree这种格式），把链接发给朋友就能在线围观你的杰作。底层用 knex 接 MySQL 存数据，还预留了 Google Cloud Storage 上传（lib/uploader.js、lib/migrate_to_google.js），为多人分享做了完整铺垫。

资深玩家才知道的三个小技巧

• 季节渲染预览：顶部的渲染按钮可以按指定季节生成农场效果图，夏耕规划切到秋景看看配色，确认果树枝叶不挡视线再动工。
• 导出 PNG 成品图：编辑器支持把当前画布导出为 PNG（相关代码在public/planner/js/main.js的export-image逻辑中），做完规划直接导出当壁纸、发群炫耀。
• 覆盖模式 + 坐标开关：拖拽建筑时开启覆盖模式可强制放置重叠元素；坐标显示开关能精确对齐每一格，适合强迫症级别的对齐控。

从使用者到贡献者：代码清晰到令人舒适

项目的工程结构非常干净：lib/下是数据库、导入器、迁移与上传脚本；migrations/里按时间戳命名的迁移文件记录着 schema 演进史；engine/下的board.js、brush.js、building.js把画布、画笔、建筑三者彻底解耦。想加一个新作物？去sprites.js注册贴图，再往data/里补一份 JSON 配置即可。社区已经在规划自动统计物品数量、更逼真的建筑深度渲染、更多树木类型等方向——提交 PR、通过审核、合入主干，你的名字就会出现在贡献者名单里。

把图纸变成现实

在游戏里返工一次，代价是一整个季节的收成；在规划器里返工一次，代价只是轻轻一点撤销。这中间的差距，就是你从读完这篇文章到敲下第一行命令的时间。

git clone https://gitcode.com/gh_mirrors/st/stardewplanner && cd stardewplanner && npm install && node index.js

打开http://127.0.0.1:3000，选一张你正在玩的农场地图，先摆个洒水器看看覆盖范围，再拖一栋谷仓试试碰撞检测——你的完美农场，从这张永远不用后悔的图纸开始。

【免费下载链接】stardewplannerStardew Valley farm planner项目地址: https://gitcode.com/gh_mirrors/st/stardewplanner