【标签】 【生活娱乐】【社会公益】
【标题】 【生活娱乐赛道】【社会公益赛道】造笔小蒙——非遗湖笔制作小游戏Demo
【正文】
0. 先和大家打个招呼吧 
-
你是谁： 一个财务…
-
你是怎么用 TRAE 把 Demo 做出来的：
通过Trae Work来搭建框架、写代码、设计游戏规则，脑子里的想法【真】讲给它听，因为用的豆包语音输入法。在构思阶段考虑使用哪款生图AI的时候，正好Trae上线了Design，通过design完成了项目的视觉设计、游戏精灵图生成，保障了图片风格一致性，偶有偏差就多生成几次。 先从代码层面用Trae内生的临时简易图形逐个跑通场景，然后再把精灵图、声音添加进去，不断调试，demo诞生。
花费时间较多环节：（1）视觉风格的确定，从不断描述、调整游戏主页面风格定下整体视觉基调。有的精灵图单个很满意，但是缩小放进游戏里，就会不适合，这部分得重新生成 （2）合适的音效来源，trae可以内生合成电子声音，但最后没有采用，还是另外找的音源。背景音乐还算容易制作，音效找了很久。
1. Demo 简介
-
是什么：一款网页端水墨国风小游戏，游戏过程中穿插知识提示、工艺说明。可以布置在研学课程前的趣味导入环节、课间或午休的轻松互动时段，非遗展馆、文博空间的数字互动屏或观众自带设备体验区。
-
面向谁：参加研学活动、体验非遗制作的儿童与青少年；在非遗展馆参观时，对湖笔（毛笔）制作技艺产生兴趣的普通观众。
-
主要功能：（1）通过水墨国风视觉设计营造整体氛围，契合毛笔的书写、绘画功能（2）提取湖笔制作技艺的几个代表性步骤制作成小游戏，在游玩过程中穿插知识提示与工艺说明，帮助快速建立认知框架、激发对非遗技艺的探索兴趣
2. Demo 创作思路
-
灵感来源：湖笔全流程多达128道工序，我也实地体验过制作的单个简易环节，从技艺角度来说确实有很大难度；另外，在非遗类的展陈馆观察发现，游戏展陈装置对各年龄段观众都有吸引力，能够有效延长停留时间，提升展陈体验；
-
想解决的问题：湖笔传统制作技艺与当下生活关联感弱，用户对实操体验环节的参与动力不足、代入感有限；多数人对湖笔的认知仅停留在书写、绘画功能，对其背后精妙的制作技艺知之甚少，缺少一个能快速建立认知框架的启蒙入口；
-
为什么做这个方向：公共空间的展陈通常经费有限，游戏体验装置并不是必须展陈的内容，而且游戏制作的市场报价并不低。假如有了解本地区非遗技艺，同时又热心于公益事业的人（比如我），通过Trae来完成这样一个小游戏项目，获得一定经验模式，是可以在助力其他非遗技艺活化传播上发挥作用的。项目的后续拓展和维护相比于市场采购制作小游戏来说，会更顺畅。
3. Demo 体验地址
-
Zip格式包：
湖笔技艺游戏.zip (8.5 MB)
-
github pages：https://nonoluxx.github.io/HuBrush-game-project/
请耐心等待一下加载。怎么通过Trae推送、部署到github从社区贴子【TRAE Idea Hall】里现学的。调试过程中已经通过压缩图片、优化内容加载流程提升了加载速度，但是首次加载、切换游戏环节加载进入还是觉得慢，网络原因暂时不算，不知道还能怎么来改进？（待解决）
4. TRAE 实践过程
Trae work负责代码、design负责视觉设计，再通过work统筹结合，完成Demo 开发
（1）与Trae work讨论项目需求，确定开发技术和项目框架
Session ID： 2860268721802295:0afe33f3540ef1549820a7956cdc751a_6a42a11550fd589e9dd06b2e.6a42a11550fd589e9dd06b31.6a42a11550fd589e9dd06b2f:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/30 00:45:09)
Session ID： 2860268721802295:9b9c324d37f1025e2d9cac96e02d72c1_6a42a11550fd589e9dd06b2e.6a4546f4cbb9fa25cc0bb657.6a4546f3cbb9fa25cc0bb655:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/2 00:57:24)
（2）框架生成后，逐个场景进行调试
Session ID： 2860268721802295:c1ba635b5790211c8a8e715c773334fe_6a42a11550fd589e9dd06b2e.6a4655b0cbb9fa25cc0bba8f.6a4655b0cbb9fa25cc0bba8d:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/2 20:12:32)
（3）通过Trae design确定视觉风格、逐个生成游戏精灵图
Session ID： 2860268721802295:11d457eab9abe83293a6352bef6176ca_6a422b1350fd589e9dd062b1.6a422b1350fd589e9dd062b4.6a422b1350fd589e9dd062b2:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/29 16:21:39)
Session ID： 2860268721802295:5cbc8460fc5a94481c63609ba57ea8ca_6a422b1350fd589e9dd062b1.6a42543150fd589e9dd06571.6a42543150fd589e9dd0656f:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/6/29 19:17:05)
Session ID：2860268721802295:2001f1ab58f7ebbcb5c3d9feff3a5a00_6a422b1350fd589e9dd062b1.6a45445dcbb9fa25cc0bb599.6a45445dcbb9fa25cc0bb597:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/2 00:46:21)
Session ID：2860268721802295:b0a1152ea6e5eeeb83a3e49e72afe62b_6a422b1350fd589e9dd062b1.6a466ebdcbb9fa25cc0bbe8b.6a466ebdcbb9fa25cc0bbe89:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/2 21:59:25)
（4）把场景背景、精灵图加入项目代码里、调试
Session ID：2860268721802295:221df80f202c320935090439a0084858_6a42a11550fd589e9dd06b2e.6a465b63cbb9fa25cc0bbb59.6a465b63cbb9fa25cc0bbb57:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/2 20:36:51)
Session ID：2860268721802295:00df4425d440f6a8dd41fdf94438bad7_6a42a11550fd589e9dd06b2e.6a4a8b9475d94bae0a527e11.6a4a8b9475d94bae0a527e0f:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/6 00:51:32)
Session ID：2860268721802295:903061f0ca1fe7271e933cc5e82187b7_6a42a11550fd589e9dd06b2e.6a4d073a2733a0f3bb537181.6a4d073a2733a0f3bb53717f:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/7 22:03:38)
（5）添加背景音乐、游戏音效
5. 对应的报名审核通过的帖子链接