纹脉百工录
一条线的来处

以数字,续手艺。

纹脉 · 百工录,是一座小小的数字非遗档案馆。
以丝、木、土、火为线索,寻找材料、时间与人之间的联系。

关于作品

所有的手艺,
都是从一条线开始的。

一根丝线变成针脚,一道刀痕显出木纹,一线釉裂记下火候,一圈铜丝围住珐琅。我们把四门技艺放在同一个叙事里,让一条线连接它们。

作品面向武汉大学 2026「零杯」网页设计大赛主题二「匠心传成,非遗焕新」。当前为本地可运行的创作版本,团队身份信息由参赛者在正式提交前填写,网站不虚构团队成员。

创作手记

器形由曲线开始,
页面由一行行代码组成。

八个页面使用原生 HTML、ES Modules 与手写 CSS。器物以半径、高度控制点经过车削生成;手写的惯性控制让它可以旋转与缩放。釉面使用菲涅尔、噪声与胞元边缘做艺术模拟,不下载外部模型。

苏绣以针脚绘制呈现方向变化;木雕以局部擦除显出纹样;青瓷将模拟温度与色泽、开片联动;景泰蓝以曲线吸附与色块填充,组织掐丝与点蓝的顺序。

第三方库与用途
功能库版本用途与必要性
three.js0.170.0 · MIT车削几何与 WebGL 渲染,仅展馆按需加载,用于研究器形。

esbuild、Playwright、Sharp、FontTools 与 Brotli 仅用于本地准备和验收,不作为页面组件。版本和许可见 README。

素材与文献

每一次记录,都有来处。

首页青瓷意象由 OpenAI imagegen 生成,非真实馆藏或文物照片。绣线、木纹、珐琅纹样、器形示意、人物剪影与印章均为本项目原创 SVG 或 Canvas;三维器物由程序生成,不对应文物测绘模型。

大标题使用 Ma Shan Zheng(马善政)毛笔书法字,章节标题使用 Noto Serif SC(思源宋体),两者依据 SIL Open Font License 1.1 在本地裁剪为网页子集。正文使用系统字体。完整提示词与逐项素材版权表见项目 DESIGN.md。

检索核对日期:2026 年 10 月 20 日。网站介绍均为归纳改写,不将改写内容冒充受访者原话。图像仅作工艺意象,不能作为历史实物证据。

每个人的展馆

把门槛,留在屏幕之外。

主要功能可通过键盘操作,搜索支持 Ctrl / ⌘ K、上下选择、回车前往和 Esc 关闭。互动体验有按钮替代手势,窄屏不加载三维库,慢网或 WebGL 不可用时提供二维器形卡片。

系统开启“减少动态效果”时,自动旋转和线条变形会停止。右上角可切换墨夜与宣纸主题;收藏和浏览记录仅保存在当前浏览器,不上传服务器。

留一片,给以后

我的百工收藏