Processing 练习（7）- 抽象空间_欣赏_000

最新推荐文章于 2025-05-30 12:50:54 发布

原创最新推荐文章于 2025-05-30 12:50:54 发布 · 2.5k 阅读

19 ·

CC 4.0 BY-SA版权

Processing Language 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一个利用创意编程技术实现的动态圆形艺术作品，通过在平面上绘制一系列移动并相互交互的圆形，展示了一种独特的视觉效果。程序通过随机分配圆的位置、大小和移动速度，同时在圆形相交时绘制连接线，根据圆形的奇偶性改变线条颜色，增加了作品的趣味性和互动性。此外，用户可以通过键盘操作调整圆形的大小，为作品增添了动态变化的元素。

从openProcessing.org上面拷来的一个抽象平面图

代码：

/* Based on CREATIVE CODING course,  MONASH UNIVERSITY
 
 MOVE CIRCLES IN A STRIGHT LINE AND CONSTRAIN TO SURFACE.
 IF TWO CIRCLES INTERSECT DRAW A LINE CONNECTING THEIR CENTERS,
 CLOURING THE LINE BASED ON THE CIRCLE BEING ODD OR EVEN
 
 ARROW UP = INCREASE RADIUS OF CIRCLE
 ARROW DOWN = DECREASE RADIUS OF CIRCLE */
 
 
int n = 50; // NUMBER OF CIRCLES
float[] x = new float[n];
float[] y = new float[n];
float[] d = new float[n]; // RADIUS OF THE CIRCLES
float[] moveX = new float[n];
float[] moveY = new float[n];
 
void setup() {
  size(800, 500);
  background(255);
  stroke(0, 10);
  noFill();
  smooth();
  for (int i = 0; i<n; i++) { //ASSIGN VALUES TO VARIABLES
    x[i]=random(width);
    y[i]=random(height);
    d[i]=random(20, 80);
    // CALL FUNCTIONS
    moveX[i]=random(-1, 1);
    moveY[i]=random(-1, 1);
  }
  println(d); //SHOW RADIUS
}
 
void draw() {
  for (int i = 0; i<n; i++) {
    moveCircle(i);
    connectCircle(i);
  }
}
 
//#######  FUNTIONS  ###############
 
// MOVE CIRCLES IN A STRIGHT LINE AND CONSTRAIN TO SURFACE
void moveCircle(int i) {
  x[i]=x[i]+moveX[i];
  y[i]=y[i]+moveY[i];
  //  ellipse(x[i], y[i], d[i], d[i]);
 
  if (x[i]>width || x[i]<0) {
    moveX[i]= moveX[i]>0 ? -random(-1, 1) : random(-1, 1);
  }
  if (y[i]>height || y[i]<0) {
    moveY[i] = moveY[i]>0 ? -random(-1, 1) : random(-1, 1);
  }
}
 
// IF TWO CIRCLES INTERSECT THEN DRAW A LINE CONNECTING THEIR CENTERS,
//CLOURING THE LINE BASED ON THE CIRCLE BEING ODD OR EVEN
void connectCircle(int i) {
  for (int j = 0; j<n; j++) {
    if (j!=i) {
      if (dist(x[i], y[i], x[j], y[j])<(d[i]+d[j])) {
        if (i%2==0) {
          stroke(255, 10);
        } else {
          stroke(0, 10);
        }
        line(x[i], y[i], x[j], y[j]);
      }
    }
  }
}
 
// MODIFY RADIUS OF CIRCLES, SAVE AND REFRESH
void keyPressed() {
  if (keyCode == UP) {
    for (int i = 0; i <n; i++) {
      d[i]++;
    }
    println(d);
  }
  if (keyCode == DOWN) {
    for (int i = 0; i <n; i++) {
      d[i]--;
    }
    println(d);
  }
 
  if (key == 'r') {
    background(255);
  }
 
  if (key == 's') {
    saveFrame("######.png");
  }
}