Showcase

作品都能自己试

这里放的是真跑起来的东西,不是截图集。每个窗口点进去就是可操作的页面:拖、撕、点、录入,都按真实交互来做。

↗
深色页面上的巨幅标题「滚动即叙事」,右侧是青紫渐变的流体光影
01 / 互动叙事

撕开海面

滚到一半,海面被撕开一个洞,触手从水下顶上来。鼠标靠近它会躲,按住不放它会发力。

WebGL 海面Canvas 触手无图片素材
↗
米白背景上一张可撕开的登机牌,左侧主票印着航班与二维码,右侧是副券
02 / 拟物交互

撕票入场

一张演唱会门票。撕下存根,舞台灯就亮了:嘉宾、时间地点、曲目单,全在票后面。

拖动撕票舞台光影曲目单
↗
班主任工作台的教室界面:黑板、讲台、老师与全班的座位,右侧是图书角与今日事项
03 / 参考样张

班主任工作台原作 @赛博老爸 · 非本人作品

原作者的正式版本(开源仓库 cyberdaddyleo/workstation-teacher,v1.2):一进来就是一整间教室,拖学生换座、四态考勤、全科成绩、AI 助手。版权归原作者,我们未改动一个字节。

原作者作品GitHub 开源未改动数据本地
↗
班务台:一间教室的界面,点座位出档案,可拖拽换座
04 / 单文件应用

班务台自研 · 教室即界面

点座位看档案、拖拽换座、考勤/作业/成绩三种角标换皮;名单、作业、成绩、课表都在同一页。数据只存本机,不上云。

单文件热区交互数据本地可授权
还有一个在打磨 敬请期待