MAP() 从旧的变数 到新の变数

利用P5.js map 去做你的变数的调整 并且

map(value, start1, stop1, start2, stop2,true)
//加上boolean值可以不要有负数
start1 到 stop1 是用来 告知目前value可跑的范围
start2 到 stop2 则是定义限定区域
boolean值则确认有没有要执行这个map限制

https://p5js.org/reference/#/p5/map

再延伸利用的时候 我们增加 随机的random 数字 来去更动 每次draw() 执行的成果

所以不用变成滑鼠的互动上面可以透过变数的切换 来去执行他的状况 左边（越来越不动）越编会开始随着上一个球再延展出去

Lerp 逼近

P5.js Lerp 可以透过这个方式 去得到一个 变数有点接近但也没很接近的变数

arc() 想做半圆角

可以利用这个方式去做 ang 的角度控制 他可以这样一直重复把背景 更新的状况下看起来像一个动态的执行

这时候我们可以用这个做出一个时钟的呈现方式

一些进阶的方式去跑时钟