One Page · 单页作品集

每一个页面,
都是一方小世界。

独立单页项目合集 —— 工具、互动体验、游戏与作品展示,无需构建,直接在浏览器中打开体验。

16 个项目 4 个分类

互动体验6

互动体验 →

指尖星河 (Finger Galaxy)

手势/鼠标控制的星空互动页面。通过手指或鼠标在 Canvas 上绘制星尘轨迹,呈现沉浸式的银河交互体验。

互动体验 →

鱼戏莲叶间 (Gesture Fish)

基于 MediaPipe 手势识别的锦鲤池塘互动页面。支持鼠标和摄像头手势双模式:滑动水面产生涟漪,悬停/长按投喂鱼食,60 条锦鲤在莲叶间自由游弋。

互动体验 →

云端都市 (Kimi City)

基于 Canvas 的交互式城市体验,支持拖拽和滚轮缩放视角,呈现赛博朋克风格的都市夜景。

互动体验 →

砚OS · YanOS

一个以东方水墨为语言的操作系统界面模拟:桌面是程序生成的水墨山水长卷(幅幅孤本),窗口是卷轴,Dock 是笔山,顶栏是绫边,时钟以十二时辰报时。昼为宣纸、夜为夜墨,内置文卷、记事(支持竖排)、墨画(带飞白笔触感)、算筹(中文数字)、终端、时晷、设置等应用。

互动体验 →

三维水管 (Pipes)

经典 Windows「三维水管」屏保的 WebGL2 重现。纯黑底 + 白/黄/红三色水管在 3D 网格上随机生长,拐弯处带球形关节;支持拖拽旋转视角,滚轮缩放,静置后缓慢自动环绕;长满后自动清场重来。

互动体验 →

星轨的数学本质 (Star Trails)

交互式可视化星轨的数学本质:每颗星绕天轴画出周日圆,以相机为顶点连接该圆得到圆锥,传感器平面切割圆锥,截线即照片中的星轨。左侧三维场景展示圆锥切割,右侧第一视角累积星轨,可调节纬度、方位、仰角与赤纬。

作品展示7

工具2

游戏1