Loading...
墨滴

恒心

2021/03/02  阅读:17  主题:默认主题

太极

1. 太极

所谓太极即是阐明宇宙从无极而太极,以至万物化生的过程。其中的太极即为天地未开混沌未分阴阳之前的状态。易经系辞:“是故易有太极,是生两仪”。两仪即为太极的二仪。

结合自己的人生经历反思,自己十分赞同和认可道家的哲学概念,每次看到旋转的太极图,总能无穷的联想,其言简意赅,阐述着这个世界和社会的运行规律。于是想用Processing绘制一个动态的TaiChi图,不断的提醒自己。

2.构思

第1步: 构建一张平面的静态图

一张太极图半圆,黑色白色共同组成。

  translate(width/2, height/2);
  fill(230,5);
  rect(-width/2, -height/2, width, height);
  fill(0);
  arc(0, 0, width, height, PI/2, PI*3/2);
  fill(255);
  arc(0, 0, width, height, -PI/2, PI/2);
  noStroke();
  arc(width/4 * cos(-PI/2),height/4 * sin(-PI/2),width/2,width/2,PI/2, PI*3/2);
  fill(0);
  arc(width/4 * cos(PI/2),height/4 * sin(PI/2),width/2,width/2,-PI/2, PI/2);
  fill(255);
  ellipse(width/4 * cos(PI/2),height/4 * sin(PI/2),width/10, width/10);
  fill(0);
  ellipse(width/4 * cos(-PI/2),height/4 * sin(-PI/2),width/10,width/10);

第2步: 使太极图不断旋转

想使圆不断的旋转,那么就要分析,在圆旋转的过程中,半圆弧变化的规律,圆心的坐标变化的规律。 只需要引入:一个角度变化变量deltaAngle,通过调节deltaAngle的大小来控制太极旋转的速率。 通过调节不同的速率,可以发现一些有意思的现象。

  • 30x
  • 60x
  • 90x

随着旋转频率的增加,可以观察到有意思的现象。

3.代码

float deltaAngle = 0.0f;

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

void draw(){
  translate(width/2, height/2);
  fill(230,5);
  rect(-width/2, -height/2, width, height);
  deltaAngle += -TWO_PI/360 * 1;
  // 绘制两个外半圆
  fill(0);
  arc(00, width, height, PI/2 + deltaAngle, PI*3/2 + deltaAngle);
  fill(255);
  arc(00, width, height, -PI/2 + deltaAngle, PI/2 + deltaAngle);
  // 绘制两个内半圆
  noStroke();
  arc(width/4 * cos(-PI/2 + deltaAngle),height/4 * sin(-PI/2 + deltaAngle),width/2,width/2,PI/2 + deltaAngle, PI*3/2 + deltaAngle);
  fill(0);
  arc(width/4 * cos(PI/2 + deltaAngle),height/4 * sin(PI/2 + deltaAngle),width/2,width/2,-PI/2 + deltaAngle, PI/2 + deltaAngle);
  // 绘制两个圆
  fill(255);
  ellipse(width/4 * cos(PI/2 + deltaAngle),height/4 * sin(PI/2 + deltaAngle),width/10,width/10);
  fill(0);
  ellipse(width/4 * cos(-PI/2 + deltaAngle),height/4 * sin(-PI/2 + deltaAngle),width/10,width/10);
}

恒心

2021/03/02  阅读:17  主题:默认主题

作者介绍

恒心