- 我是一名从教师行业跳出转学计算机的大龄研0学生，代码基础较差，利用TRAE ，把模糊想法逐步拆成页面结构、功能流程和代码任务。我一边看它生成的结果，一边指出哪里不符合预期，再继续修改。是它能把我不懂的技术问题直接落到可运行的代码上，帮我跨过了“有想法但不知道怎么开始写代码”的门槛。虽然现在的 Demo 还不成熟，但对我来说，TRAE 最大的价值是让我能够用自然语言反复试错，把一个原本只存在于脑海里的创意，逐步变成可以打开、点击和体验的作品。
1. Demo 简介
-
《古村治水营》是一款以宏村水系为原型的网页端古村治水教学模拟 Demo。玩家可以在概念古村地图中放置水圳、水塘、闸门、排水口等设施，调整村规并触发暴雨测试，通过积水情况、居民满意度和综合报告，理解古村“引水—蓄水—用水—排水—防洪”的系统关系。
Demo主要面向对传统文化、历史地理和古代水利感兴趣的学生、研学参与者和普通公众。目前已实现设施选择与放置、撤销重做、村规切换、暴雨三档反馈和动态报告等核心功能。
-
规划水系：根据地形和高程，在地图中布置水圳、水塘、闸门与排水设施。
- 比较村规：在无村规、基础村规和严格村规之间进行选择，比较水质、便利度、冲突、管理成本和长期满意度。
- 应对暴雨：触发暴雨后观察积水、堵塞和居民需求变化，并查看问题原因与改进建议。
- 生成报告：系统根据当前方案生成供水、排水、防洪和满意度等指标，给出“优秀、一般或待改进”的综合评价。
2. Demo 创作思路
过去的教学和学习经历让我意识到，很多知识一旦只通过文字、图片和单向讲解呈现，就容易变得枯燥。即使是参观和实践课程，也常常停留在“看一遍、听一遍”，学习者能够记住结论，却很难真正理解结论是如何形成的。
互动游戏提供了另一种可能：让学习者进入具体情境，亲自观察、判断、选择和试错，并根据结果不断调整。学习不再只是接收答案，而是经历解决问题的过程。因此，我希望尝试把传统文化和水利知识转化为一个可以操作、可以反馈、也可以反复体验的游戏化项目。
近年来，极端降雨和洪涝灾害受到广泛关注，宏村也经常作为传统村落治水智慧的案例被介绍。宏村真正值得了解的，不只是月沼、南湖和徽派建筑构成的景观，而是古人如何结合地势、水源和居民生活，建立起兼顾生活供水、洗涤灌溉、消防、防洪排水与村落发展的完整水系。
但传统图文通常只能展示已经建成的水圳、月沼和南湖，用户很难进一步理解：
-
为什么要从特定位置引水； -
水圳、水塘、闸门和排水口如何相互配合； -
村规和日常维护为什么也是治水系统的一部分； -
一处堵塞或设施缺失会给居民生活带来什么影响。
用户看到的往往是最终答案，却没有机会经历古人当初面对的问题和判断过
基于这些问题，我选择将宏村水系转化为一个网页端互动建造 Demo。玩家可以在概念古村地图上选择水圳、水塘、闸门、溢流口和排水出口等设施，制定村规，再通过暴雨测试查看积水、堵塞、供水覆盖和居民满意度的变化。
项目采用“建设—测试—反馈—调整”的核心流程，不直接告诉玩家唯一答案，而是让玩家先形成自己的方案，在测试中发现问题，再理解各项设施为何需要相互配合。
在方向取舍上，当前 Demo 没有追求宏村的精确测绘复原，也没有实现复杂的真实水文计算，而是将关键关系简化为几分钟内可以体验的互动过程。相比完整的角色探索、开放世界和多章节剧情，我优先保留了最能体现项目价值的部分：让用户亲自规划一套古村水系，再用一场暴雨检验自己的方案。通过这种方式，宏村不再只是一个被观看和介绍的传统村落案例，而成为一个可以进入、操作和理解的学习情境。
3. Demo 体验地址
demo.zip (34.0 KB)
4. TRAE 实践过程
- 基于设计生成对项目的理解和制定计划，项目开始前做好初始的设定，trae基于理解生成计划，补充细节，完善世界观和基础文档准备，防止后续跑偏。在这个过程中找了很多关于宏村的报道和史实信息的链接供模型学习，尽可能基于实际情况去还原体验。
621650153839800:6f063ab23060d89a2963056b936461ae_6a38d21af8db8c18d82265bf.6a38d21bf8db8c18d82265c2.6a38d21af8db8c18d82265c0:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/22 14:11:39)
- 生成分层美术方案，尝试还原自己想象的视觉效果，但不管是canvas还是svg效果都不是很理想，后期自己找图片，让trae建立起图片间的联系，效果离自然的开放世界也比较远。缺乏相关的美术策划的知识，部分模型没有生图能力，没有提前了解模型的边界和给出准确的指令，导致在视觉效果这一部分的工作卡了比较久。但实际链路没有跑通，卡在这里是没有意义的。
621650153839800:083d2465440fbe6046076ea45a40809c_6a38d21af8db8c18d82265bf.6a3a62bd9dfadb22edc959cb.6a3a62bd9dfadb22edc959c9:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/23 18:41:01)
- 调整方向，先跑通关键的交互功能，体现整体的思路。
621650153839800:c75e6a3691ce3cae17df3f99199ec0e4_6a4dfbe7f45c677d355744f5.6a4e0296f45c677d355745a6.6a4e0296f45c677d355745a4:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 15:56:06)
5. 对应的报名审核通过的帖子链接