Attention

Individual Work | P5JS Coding

  • Dec. 1st

Date Last Updated: December 1st, 2018

Ideation

​先用一个slider来模拟attention数据变化的时候动画怎么变。 P5JS dom Library, createSlide()

因为keypressed 模拟attention数据变化貌似有bug

所以就用了slider.

我想让所有bits变得有序后绕着中心绕圈,那么我需要知道 以(a,b) 为圆心的圆的方程。妈妈啊都还给老师了。。。。 就想起来一个 (x-a)^2 + (y-b)^2 = r^2. x,y怎么表示来着。。。忘了。。。啊对了对了,极坐标

-- 不jitter了,整体飘着的状态,然后每一个上面有东西jittering,jittering的东西会慢慢安静下来, 颜色变化也是,开始不协调,明暗,色彩都是,最后一点点趋于和谐,宁静

-- 怎么飘着而不是来回神经质一样的抖动呢。让每一个bit在一个圆轨道上运动吧, x = r*cos a, a要增加的,那就在 draw()末尾全局变量 j++, 然后把j传参传到 show(j) 函数里

-- 注意力越集中,越靠近中心点的时候,各部分飘动幅度变小,飘动速度变慢,飘动变为一致。 这就要求把当前每个对象移动的距离和距离总长作比较,越接近总长的时候,飘动直径自由发挥(random)的范围变小直到不变,也就是random(a,b) a=b, 飘动速度同理。用map() 来控制这个范围,

-- 解决那个像神经病一样,每一秒就抖一下,不流畅

   估计Mindwave是每1s测试。所以当需要移动的时候,直线移动,没有需要移动的时候,再小幅度飘动。不然边浮动边移动,起始位置不同,就会jittering。 

    不对,和j没关系,因为你把j变成常量的话它还是在jittering

    原因应该在于,setterFloating的时候,每一个对象的floating, floatingRadius 又重新在random的范围里面重选了。应该就按照初始化的时候的值,根据离目标的远近程度,等比例缩放就好

Manouj给出的建议,将不连续的数据变连续,用sin cos 试一试

--中间的圆旋转的话好像更容易集中

--集中的话,选一个旋转的圆涂色,然后盯这个会不会更好?

Bugs 1. 想要一直按键获得反应,不应该用keypressed if(keyCode == xx) 这样连续按不会有反应。要用keyDown

Bugs 2. 但是为什么keyIsDown 的话按一下就一直往里走

Anything worth doing is worth doing well

Designed & coded by Qinyu Ding © 2019