基于《代码本色》的processing学习与拓展

1. 第0章 引言

《代码本色》在这一章节的主要内容是模拟随机游走。
讲了利用random()函数生成随机数，利用概率和非均匀分布来模拟具有一定运动趋势的的运动的相关知识。
其中我觉得收获比较大的就是对高斯分布和Perlin噪声的学习。

高斯分布，其实就是正态分布。在日常生活中，人们的身高和体重一般都聚集在平均值附近，不会出现差值过大的数，这样的频数分布就呈现正态分布。
正态分布的曲线如下，其在平均值处的聚集程度由标准差决定。

Perlin噪声是一个非常强大算法，可用于生成各种自然特效， 包括云层、地形和大理石的纹理。因为它能生成符合自然排序（“平滑”）的伪随机数序列，所以Perlin噪声算法表现出了一定的自然性。
在这一章节中，我参考了书上的案例0-4、0-5和0-6，利用Perlin噪声更改像素的颜色做出了五颜六色的格子衫的效果，感觉在下次选购格子衫的时候可以作为颜色参考，哈哈。
大致效果如图：


代码如下：

  loadPixels();
  float xoff=0;
  for(int x=0;x<width;x++){
   
    float yoff=1000;
    for(int y=0;y<height;y++){
   
      float r=map(noise(xoff),0,1,0,255);//利用Perlin噪声生成好看的颜色
      float g=map(noise(yoff),0,1,0,255);
      float b=map(noise((xoff+yoff)/2),0,1,0,255);
 
      pixels[int(x+y*width)]=color(int(r),int(g),int(b));

      yoff+=0.01;
    }
  xoff+=0.01;
  }
  updatePixels();

在此基础上，我利用正态分布在画布的中心位置以60的标准差画同心圆，效果如图：

代码如下：

  float cx=width/2;//平均位置为画布中央
  float cy=height/2;
  
  float x=randomGaussian()*60+cx;//正态分布 标准差为60
  float y=randomGaussian()*60+cy;
  colorcircle(x,y);

void colorcircle(float posx,float posy){
   
  translate(posx,posy); 
  for (int i = 0; i < 90; i++) {
   
    rotate(TWO_PI/19);
    noStroke();
    fill(int(random(255)), int(random(255)), int(random(255)));
    float r = abs(randomGaussian()*50);
    ellipse(0, 0, r,r)