Experiments / Mode
EXPERIMENT 04 / Mode

Motion playground

一个可直接操作的粒子实验,观察轨道与波形中的节奏。

Move your pointer or focus the canvas and use arrow keys. Home resets the view.

DISCIPLINECreative coding
FORMATInteractive study
STATUS可交互原型 · Canvas / React
01 / THE QUESTION

Start with curiosity.

少量运动规则,如何产生有呼吸感的交互反馈?

02 / APPROACH

Rules you can play with.

01

以粒子的位置、半径与透明度组织画面层次。

02

切换 Orbit 与 Wave,比较环绕和波动两种运动规则。

03

通过指针或键盘改变偏移,并提供暂停与减少动态效果支持。

03 / REVIEW

Observe the response.

01

输入反馈是否直接

02

不同容器尺寸下的表现

03

暂停与减少动态效果

使用 Animate / Pause 控制动画,切换粒子模式。聚焦画布后也可以用方向键改变偏移,按 Home 复位。

NEXT EXPERIMENT

视频提取器