Processing编程入门-01——安装

“Processing是一个开放原始码的程序语言及开发环境，提供给那些想要对影像和动画及声音进行程序编辑的工作者。此外，学生、艺术家、设计师、建筑师、研究员以及有兴趣的人，也可以用来学习，开发原型及制作。”
来自知乎用户——OF COURSE想当然

本贴代码示例参考B站UP主OF创意编程的付费课程次世代必备黑科技：创意编程指南，感兴趣的朋友可以去看看

processing官网

• 下载Processing
• 解压安装文件
• 打开processing.exe
• 就可以写代码啦

//示例代码
void setup(){
    //窗口大小
    size(640,640);
}

//运行中持续执行
void draw(){
    //背景 RGB255
    background(255,255,255);
    //可使用processing工具-颜色选择器，来寻找自己喜欢的颜色
    //可增加透明度
    
    //填充 RGB255
    fill(0,255,0);
    //该命令会填充下面的所有图形，新的fill命令同样如此，之前受fill命令影响的图形维持原状
    
    //描边 RGB255
    stroke(255,255,255);
    //该命令会填充下面的所有图形，新的fill命令同样如此，之前受fill命令影响的图形维持原状
    
    //清除描边
    noStroke();
    
    //绘制长方形 X坐标，Y坐标，X轴长度，Y轴长度
    rect(100,50,150,30);
    
    fill(255,0,0);
    stroke(255,255,0);
    //绘制椭圆 X坐标，Y坐标，X轴长度，Y轴长度 长宽相同即为圆
    ellipse(300,200,50,100);
    
    //可增加透明度
    fill(255,0,0,125);
    ellipse(330,230,50,100);
    
    //绘制线 起点X轴坐标，起点Y坐标，终点X坐标，终点Y坐标
    stroke(0,255,0);
    line(50,100,200,250)
    
    //改变线宽
    strokeWeight(10);
    stroke(0,255,255);
    line(20,50,300,250)
}

比如绘制一个小兔子

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

void draw(){
  background(0,0,0);
  noStroke();
  fill(165,200,255);
  
  ellipse(220,200,50,300);
  ellipse(380,200,50,300);
  ellipse(300,300,300,200);
  
  //让眼睛跟着鼠标动
  //map() 将鼠标位置从0，600映射到-10，10
  //mouseX 返回光标X轴位置的实时数据
  float dx = map(mouseX,0,600,-10,10);
  float dy = map(mouseY,0,600,-10,10);
  
  fill(255,0,0);
  ellipse(230 + dx,300 + dy,10,10);
  ellipse(370 + dx,300 + dy,10,10);
}