互动编程 · 作品集 IP-03

虞静

数字媒体艺术 · 2025 级。
我想做生成艺术与实时三维交互 —— 用最少的几何体和按键，让画面自己讲故事。

作品 01

几何构成

一条由十个三角形拼成的鱼，颜色从橘到黄逐片渐变。

创作思路
想用最少的图元拼出一条有秩序的鱼：鱼身是同一个三角形循环位移、缩放出来的，颜色跟着序号递增，秩序感是算出来的，不是一片片摆出来的。
技术
p5.js 2.3.3 · triangle/ellipse/rect · for 循环 · 参数化配色
在新标签页打开 ↗

作品 02

动态构成

鱼嘴一张一合，把从右边游过来的三角形一个个吃掉，循环往复。

创作思路
在静态鱼的基础上加入时间参数：鱼嘴开合角度随帧数变化，三角形逐帧左移进入嘴部后重置，形成「吃掉 — 再来」的循环；静态是定格，动态是同一套几何体加一个时间变量。
技术
p5.js · frameCount 驱动 · 循环动画 · 视频记录
在新标签页打开 ↗

作品 03

3D 极速赛车

开一辆 3D 赛车绕锥桶赛道跑完三圈：WASD 转向，↑ 加速，↓ 刹车，R 重置。

创作思路
场景、车、赛道全部用代码生成；把「前进」和「加速」拆成两套按键，让急刹有真实的车重感；撞上锥桶要重新找线，输赢都靠物理反馈说话。
技术
Three.js 0.128 · WebGL 渲染 · OrbitControls · 键盘事件驱动
在新标签页打开 ↗

※ 内嵌画面里请先点一下游戏区域再用键盘；也可以点「在新标签页打开」全屏玩。

关于我

姓名

虞静

专业

数字媒体艺术

年级

2025 级

感兴趣的方向

生成艺术与实时三维交互 —— 让几何和代码自己会讲故事

联系方式

961210681@qq.com