计算视觉设计

人随着年龄的增长，对时间的感知越来越短，使用矩形的长度去代表我们对于时间的感知；每秒钟矩形长度的增长频率是一样的，代表时间永恒不变，没有变快或是变慢。
使用色彩来表现年龄：在年纪小时，会表现出比较明亮的色彩，像是粉红色亮绿色；在长大到中年打拼的年纪，会变得深沉，颜色也变得深沉；老年后仿佛看淡了周围的事物，是生命的暮年，表现出比较暗的淡淡的颜色。为了更加的可视化，把数字也加了上去。
矩形循环往复的进行，是因为时间是不会停下来的，如此循环，就代表了一个个人的绚丽人生。

PFont font;

void setup(){
size(1200,800);



font = createFont( "FreeSans.ttf" ,32);
textFont(font,50);
}

void draw(){
colorMode(HSB,360,100,100);
background(0,0,100);


float s1=map(second(),0,59,0,1199);
float s2=map(second(),0,59,0,1100);
float s3=map(second(),0,59,0,900);
float s4=map(second(),0,59,0,800);
float s5=map(second(),0,59,0,700);
float s6=map(second(),0,59,0,600);
float s7=map(second(),0,59,0,500);
float s8=map(second(),0,59,0,400);
float s9=map(second(),0,59,0,300);
float s10=map(second(),0,59,0,200);



fill(312,40,100);
rect(0,740,10+s1,60);

fill(82,81,100);
rect(0,680,10+s2,59);

fill(359,93,96);
rect(0,620,10+s3,59);

fill(354,80,69);
rect(0,560,10+s4,59);

fill(215,45,60);
rect(0,500,10+s5,59);

fill(145,47,62);
rect(0,440,10+s6,59);

fill(49,67,96);
rect(0,380,10+s7,59);

fill(48,71,80);
rect(0,320,10+s8,59);

fill(367,68,70);
rect(0,260,10+s9,59);

fill(300,2,58);
rect(0,200,10+s10,59);

fill(0,0,100);
text("0-10",1100,790);
fill(0,0,100);
text("10-20",950,730);
fill(0,0,100);
text("20-30",750,670);
fill(0,0,100);
text("30-40",650,610);
fill(0,0,100);
text("40-50",550,550);
fill(0,0,100);
text("50-60",450,490);
fill(0,0,100);
text("60-70",350,430);
fill(0,0,100);
text("70-80",250,370);
fill(0,0,100);
text("80-90",150,310);
fill(0,0,100);
text("90-100",50,250);


}