校园灵感星图 · 54 个可被重写的瞬间
共振
RESONANCE
校园里真正值得做的东西,从来不在宏大叙事里。
它藏在早八前的电梯口、快递柜的取件码、
和某个你叫不出名字但每天见到的人身上。
壹 / SECTOR MAP
星图
六个频段,五十四颗星。每个点都是校园里一个真实存在、但很少被认真看一眼的场景。 点开它,看看它能长出什么。
拖动旋转星图 · 点击任意节点展开
贰 / COLLISION
碰撞
创意的本质是把两个不相干的东西强行缝在一起,看它会不会疼。 选两颗星,让它们共振一次。
提案卡
1080×1350 PNG · 存下来发给别人、贴进作业、当封面都行
碰撞不是随机拼接:每个节点都带一两个「母题」(重复、等待、压缩、记忆……),两个节点共享母题时,前半句是真的;不共享时改走「远缘」句式,明说两者隔着多远,靠一个接口把它们接起来。全部在本地词库完成,不联网、不调用模型。
选择灵感节点
叁 / ECHO WALL
回声
每颗星被点亮一次,就多一条回声。这里存着别人从这个校园里看见的东西—— 也欢迎你留下一句。全部保存在你自己的浏览器里,不会上传。
墙上还是空的。
第一条回声,往往最响。肆 / ABOUT
这个作品是怎么来的
它是什么
《共振》是一个纯前端的交互式灵感工具。它把大学校园拆成 54 个具体的场景节点, 按「空间 / 时间 / 人群 / 事件 / 物件 / 情绪」六个频段排布成一张可旋转的星图; 你可以点开任意节点读它的故事,也可以任选两颗星,让一个本地碰撞引擎把它们强行组合成一个可执行的创意提案。
它不追求宏大。它想解决的是学生做项目时最常见的一件事: 坐在电脑前,想不出第一个念头。
为什么做它
大多数「灵感工具」给你的是模糊的鼓励。而真正卡住人的,是"我不知道该做什么"背后那层更具体的东西—— 没有素材,没有参照,没有把两个不相干的东西放在一起的那只手。
所以这个作品反过来做:先把素材铺满,再给你一只手。
怎么做的
选题与场景采集由人完成,AI 参与节点文案的结构化扩写、词库生成与代码实现; 页面为原生 HTML / CSS / JavaScript,无框架、无构建、无外部依赖, 星图为 Canvas 2D 实时绘制,可离线运行。所有用户回声仅存储在浏览器 localStorage 中。
- 形态静态网页 / 单页应用
- 技术原生 Canvas 2D + 原生 DOM
- 依赖0 个外部库,0 次网络请求
- 数据54 节点 / 40 碰撞方法 / 40 产物形态