IRIS — 互动编程 · 作业一 p5.js · 2026

光圈 Iris

二十四道同心圆弧,半径、线宽、缺口角度全部由 for 循环 与 噪声 生成。静态版让它们停在最亮的一刻; 动态版让它们持续转动、呼吸,并被鼠标与键盘扰动。

01 Static

静帧几何构成

24 道圆弧、84 条放射细线,无 draw() 循环。圆心逐环偏移造成纵深, 唯一暖色落在第 18 道弧上。

打开作品 →
02 Dynamic

脉动交互动态

弧线缓慢自转与呼吸。移动鼠标牵引光圈,点击激起涟漪, 按 1 / 2 / 3 切换配色。

打开作品 →
作者
杨博鑫
学号
25610109131230
课程
互动编程 · 作业一
技术
p5.js 1.11.3