数字媒体艺术 · 互动编程

张吴轩越

我想做能被玩起来的视觉作品——用代码当笔,让画面回应人的动作。

三个作品

点开任意一个,直接在站内玩。

01

几何构成

用形状、颜色和位置搭出的静态画面,不写一行动画。

创作思路
以一条米白竖条贯穿画面建立中轴,上方用大面积浅蓝压住重量,右上叠米白咬出月牙形负空间;左上与右下两处橘红互相呼应,把视线从左上牵引到右下。中部用底色挖空两处,让形状有前后层次,而不是平铺在一个平面上。
用了什么
p5.js · 形状与颜色控制 · for 循环批量生成 · 5 色冷暖对照
静态画面,无需操作。
02

圆的呼吸

16 个圆在画布里弹跳,鼠标能调速,点击能推开它们。

创作思路
开场让 16 个圆从中心弹性散开,之后持续弹跳。鼠标左右位置映射为整体速度倍率,点击则以点击点为圆心按距离施力,形成一次冲击波;圆形自身再随时间做正弦呼吸,让画面像在呼吸而不是机械运动。
用了什么
p5.js · draw() 循环 · 鼠标移动与点击事件 · 边界反弹 · easeOutBack 缓动
左右移动鼠标改变速度,点击画布推开圆。
03

符文小精灵

在夜晚草地上收集发光水晶、躲开幽灵的 3D 小游戏。

创作思路
低多边形草地配合半球光与平行光营造夜色,水晶自发光成为视觉焦点。每收集一定数量即升级,幽灵数量与速度同步提升,形成难度曲线;三条命用完即结束并可一键重开,保证一局完整可玩。
用了什么
Three.js · WebGL · 程序化建模 · 半球光与平行光 · 第三人称跟随相机 · 游戏状态机
点「开始游戏」,WASD 移动,Shift 冲刺,E 闪避。

关于我

专业数字媒体艺术
年级2025 级 · 本科在读
感兴趣的方向创意编程、交互装置、生成艺术
联系方式180327959@qq.com

这三件作品是我这学期从「画一张图」走到「让画面动起来、再让人能玩起来」的过程记录: 先只用形状和颜色组织画面,再加时间和鼠标让画面回应人,最后做成一个有规则、有输赢的完整小游戏。 接下来想继续往交互装置和生成艺术方向深入。