见木画木：把东巴文字的“消逝与留下”做成一次可进入的数字体验
我不想再做一个把非遗资料搬到网页上的科普站。
我想让观众真正感受到：一种文字正在慢慢消失，而自己的注视，可以让它暂时留下。
一、关于我
我是 LYA，一名通过 AI 协作完成产品设计与开发的独立创作者。
初赛阶段，我完成了《见木画木》的核心 Demo；进入复赛后，我没有继续堆叠零散功能，而是重新整理作品的叙事、视觉、交互状态与完整用户路径，把它从一个可以演示创意的 Demo，打磨成一座可以从头走到尾的东巴文非遗数字展。
在正式开发之前，我先完成了内容和数字资产的准备。
我购买并查阅《纳西象形文字谱》，从中挑选40个相对常见、容易通过图形理解的东巴字，逐个整理字形、字名、释义和象形来源。之后再根据每个字表达的自然事物与生活场景，制作对应的字形图和详情图片。
这一步让我意识到：AI可以加快视觉生成与工程实现，但它不能代替资料考据，更不能凭空创造真实的传统文字。作品的文化基础必须先由人确认，AI才能在正确的基础上放大表达效果。
二、作品是什么
《见木画木》是一座可以直接在浏览器中进入的纳西东巴文非遗数字展。
观众先沿着一卷缓慢展开的“数字经卷”，了解纳西族创世神话、东巴祭司、东巴纸与竹笔，以及东巴文字从生活观察中逐渐形成、被书写和传承的过程；随后进入由40个常见东巴字形组成的交互世界，在限定时间里查看字形、字名、释义与象形来源，最后获得一份属于自己的记忆卷轴。
它面向文化探索者、青少年、设计与艺术从业者，以及对传统文化和非遗保护感兴趣的普通公众，也可以作为学校、文化馆、博物馆线上展示与非遗教育活动的数字体验参考。
三、为什么选择东巴文
东巴文不是只存在于博物馆中的古文字。
联合国教科文组织将其称为“世界上最后仍在使用的象形文字”，同时指出真正能够熟练使用和释读它的人已经非常稀少，东巴文化正面临逐渐消散的风险。纳西东巴古籍文献也于2003年入选联合国教科文组织《世界记忆名录》。
但大众接触非遗时，往往只能隔着展柜阅读说明：看见了，却没有真正进入；读完了，也没有留下自己的痕迹。
所以我希望做的不是一张介绍东巴文的网页，而是一段由观众亲自参与的过程。
资料与字形依据
作品中的40个东巴字形并非由AI凭空编造。
我专门购买并查阅了《纳西象形文字谱》，根据书中的字形、释义与象形来源，逐个进行筛选、整理和数字化转换，再围绕每个字的含义完成对应的视觉化创作。
因此，AI主要参与的是图像表现、工程实现和反复迭代；东巴字形本身则以真实字谱资料为依据。
主要资料：
- 《纳西象形文字谱》：作品中东巴字形、释义和象形结构的主要整理依据；
- UNESCO：Dongba script, “the last living pictographic script in the world”；
- UNESCO：Ancient Naxi Dongba Literature Manuscripts，2003年入选《世界记忆名录》。
四、一条完整的体验路径
第一卷：从神话走向书写
体验从“创世纪”开始。
创世图像逐渐消散，代表一个神话章节的结束；随后，东巴祭司的形象缓慢浮现，象征文化承担者的出现；东巴纸、竹笔与经书继续出现，文字从口述、刻画走向书写和保存。
继续向下，观众会经过：
- 创世纪
- 东巴祭司
- 纸与笔
- 纳西神话
- “见木画木，见石画石”
- 仍在书写的象形文字
- 当代传承者日益稀少的现实
这里的浮现与消散不是装饰动画：
- 浮现，代表事物与文化主体的诞生；
- 消散，代表一个章节结束，也预示文化正在离我们远去；
- 一页页滚动，模拟经卷被阅读和展开的过程。
第二卷：进入40个字形组成的交互世界
完成第一卷后，观众进入东巴字形的交互世界。
40个常见字形悬浮在空间中，可以在“字形”和“字名”两种状态间切换。点击任意图像，可以查看它的释义、字形来源与相关图像内容。
当鼠标靠近图像时，原本带有色彩的画面逐渐褪去颜色，趋近档案影像般的灰度状态。这不是普通的悬停效果，而是在表现：
当一种文字失去书写者和阅读者，它的生命力也会逐渐退去。
交互世界设置了120秒参观时间。倒计时不是为了限制用户，而是把“濒危”从一句说明文字，转化成观众可以真实感受到的时间压力。
终卷：把“看见”变成“留下”
系统会记录观众真正点开并了解过的字形。
参观结束后，这些字会被铺展成一份个人记忆卷轴。观众可以重新进入交互世界，也可以返回首页，再次阅读这段故事。
因此，在《见木画木》中：
- 阅读不是旁观；
- 点击不是普通操作；
- 倒计时不是计时器；
- 卷轴也不是结算页面。
观众曾经注视过哪些字，最终就留下哪些字。
五、从初赛 Demo 到复赛完整作品
相比初赛版本，复赛阶段主要完成了以下升级：
- 将首页扩展为完整的“第一卷”叙事，补充东巴祭司、纸与笔、神话、文字起源与当代处境；
- 将“见木画木”的溯源内容重做为三页经卷，使历史、传承与现实形成连续结构；
- 统一首页和交互世界的宣纸、墨色、字体与图像语言；
- 完善40个字形的字形／字名切换、详情内容与图像展示；
- 修复倒计时重置、页面切换和说明页打开后记忆记录丢失的问题；
- 让已经查看过的字形在整个参观过程中持续保留，最终准确进入记忆卷轴；
- 删除会打断故事的多余终局页面，让倒计时结束后直接进入个人记忆卷轴；
- 整理源码、自动检查与可重复构建流程，并优化正式部署包与海外访问体验。
六、社会价值
《见木画木》尝试解决的不是“缺少一份东巴文资料”，而是传统非遗传播中常见的三个问题：
1. 看得见，却难以进入
作品使用图像、滚动叙事和交互字形降低理解门槛，让第一次接触东巴文的人也能从“为什么这个字长成这样”开始认识它。
2. 展示结束后，没有留下参与痕迹
个人记忆卷轴把观众的浏览行为转化成结果，使每一次点击和了解都成为一次“留下”。
3. 数字化不应只是把资料扫描到网上
这套“叙事经卷＋交互文字世界＋个人记忆记录”的结构，可以继续扩展更多东巴字形，也可以为其他濒危文字和非遗文化的数字展示提供一种可复用的表达方式。
七、技术实现
作品采用双层架构：
- 首页叙事：Nuxt、Vue、GSAP；
- 交互世界：Three.js、WebGL、GSAP；
- 字形渲染：MSDF字体与纹理Atlas；
- 状态记录：浏览器会话存储，保证页面状态切换后记忆记录不丢失；
- 内容规模：40个东巴字条目、112张相关图像；
- 部署：静态构建并部署到Cloudflare Pages。
技术的目的不是展示技术本身，而是让文字的浮现、消散、注视与被记住真正成为可操作的体验。
八、TRAE实践过程
进入复赛后，我继续使用TRAE Work对作品进行完整化迭代，重点完成：
- 首页经卷三页与完整叙事路径调整；
- 东巴插画、纸墨视觉与交互世界表现统一；
- 详情页、终局流程与倒计时状态修复；
- 字名模式中文字和图像的对齐修复；
- 页面切换、说明页和时间重置后的记忆记录持久化；
复赛关键Session ID
Session 1：
815163661618307:686aac3e283f62a5fba0a433cff132ab_6a67b9dca8315f17319c666c.6a687687a8315f17319c6894.6a687687a8315f17319c6892:TRAE Work CN.0.1.41.no_sid.no_ppe.T(2026/7/28 17:29:43)
Session 2：
815163661618307:beb99776d04a8ba0313f9fe46af4ee48_6a6b4abaa95e04004e1b3cda.6a6b62aaa95e04004e1b3e6a.6a6b62aaa95e04004e1b3e68:TRAE Work CN.0.1.41.no_sid.no_ppe.T(2026/7/30 22:41:46)
Session 3：
815163661618307:080944acbdf45700a1a9fae7123827fc_6a6b4abaa95e04004e1b3cda.6a6b791da95e04004e1b41a6.6a6b791da95e04004e1b41a4:TRAE Work CN.0.1.41.no_sid.no_ppe.T(2026/7/31 00:17:33)
Session 4：
815163661618307:ddb8fb6f6cada5d5cddedef65f10e233_6a67b9dca8315f17319c666c.6a68c478a8315f17319c6ea6.6a68c478a8315f17319c6ea4:TRAE Work CN.0.1.41.no_sid.no_ppe.T(2026/7/28 23:02:16)
Session 5：
815163661618307:cc5ec8de35fc879fed922f806a7449ff_6a67b9dca8315f17319c666c.6a689a8fa8315f17319c6998.6a689a8fa8315f17319c6996:TRAE Work CN.0.1.41.no_sid.no_ppe.T(2026/7/28 20:03:27)
初赛阶段的4个核心开发Session及初始创作过程：
九、产品演示视频
十、结语
《见木画木》不是试图替代真实的东巴传承。
它想做的，只是让更多人愿意停下来，看见一个字为什么这样书写，看见一种文字曾经如何诞生，又正在如何离我们远去。
如果注视本身也能成为一种留下，那么每一个被打开、被理解的字，都不再只是屏幕上的图像。
体验入口已通过复赛官方问卷私密提交，本帖不公开展示。