校园灵感星图 · 54 个可被重写的瞬间

共振

RESONANCE

校园里真正值得做的东西,从来不在宏大叙事里。
它藏在早八前的电梯口、快递柜的取件码、
和某个你叫不出名字但每天见到的人身上。

54灵感节点
6共振频段
∞可撞出的组合

壹 / SECTOR MAP

星图

六个频段,五十四颗星。每个点都是校园里一个真实存在、但很少被认真看一眼的场景。 点开它,看看它能长出什么。

拖动旋转星图 · 点击任意节点展开

贰 / COLLISION

碰撞

创意的本质是把两个不相干的东西强行缝在一起,看它会不会疼。 选两颗星,让它们共振一次。

碰撞不是随机拼接:每个节点都带一两个「母题」(重复、等待、压缩、记忆……),两个节点共享母题时,前半句是真的;不共享时改走「远缘」句式,明说两者隔着多远,靠一个接口把它们接起来。全部在本地词库完成,不联网、不调用模型。

叁 / ECHO WALL

回声

每颗星被点亮一次,就多一条回声。这里存着别人从这个校园里看见的东西—— 也欢迎你留下一句。全部保存在你自己的浏览器里,不会上传。

0/90

肆 / ABOUT

这个作品是怎么来的

它是什么

《共振》是一个纯前端的交互式灵感工具。它把大学校园拆成 54 个具体的场景节点, 按「空间 / 时间 / 人群 / 事件 / 物件 / 情绪」六个频段排布成一张可旋转的星图; 你可以点开任意节点读它的故事,也可以任选两颗星,让一个本地碰撞引擎把它们强行组合成一个可执行的创意提案。

它不追求宏大。它想解决的是学生做项目时最常见的一件事: 坐在电脑前,想不出第一个念头。

为什么做它

大多数「灵感工具」给你的是模糊的鼓励。而真正卡住人的,是"我不知道该做什么"背后那层更具体的东西—— 没有素材,没有参照,没有把两个不相干的东西放在一起的那只手。

所以这个作品反过来做:先把素材铺满,再给你一只手。

怎么做的

选题与场景采集由人完成,AI 参与节点文案的结构化扩写、词库生成与代码实现; 页面为原生 HTML / CSS / JavaScript,无框架、无构建、无外部依赖, 星图为 Canvas 2D 实时绘制,可离线运行。所有用户回声仅存储在浏览器 localStorage 中。

  • 形态静态网页 / 单页应用
  • 技术原生 Canvas 2D + 原生 DOM
  • 依赖0 个外部库,0 次网络请求
  • 数据54 节点 / 40 碰撞方法 / 40 产物形态