【processing】小代碼

今天無意間發現的processing 很有興趣 實現很簡潔

void setup(){
}

void draw(){
  background(255);
  if(mouseX < width/2 && mouseY > height/2)
  {
    fill(0);
    rect(0,height/2,width/2,height/2);
  }
}

這個小小的代碼可以實現 當鼠標位於畫布左下方時顯示一個黑色的框

-----------------------------------------------------------------------------------------

size(300,300);
arc(150,150,150,150,0,PI/2);
arc(150,150,200,200,PI,TWO_PI-PI/2);
noFill();
arc(150,150,180,180,radians(50),radians(170));
arc(150,150,250,250,radians(150),radians(390));

這個小代碼可以畫出下面的圖案

----------------------------------------------------------------------------------------

一些函數：

size(width,height);  設置畫布大小

point(x,y); 畫點

line(x1,y1,x2,y2); 繪制直線 x1,y1 為第一個端點的位置 x2,y2為第二個端點的位置

rect(x,y,width,height); 畫矩形，默認模式CORNER x,y矩形左上角; CENTER模式 x,y中心； CORNERS模式 分別表示左上角坐標和右下角坐標  

rectMode(CENTER); //設置畫矩形的模式

ellipse(x,y,width,height); 繪制圓形或橢圓 x,y中心坐標 width水平直徑 height垂直直徑

arc(x,y,width,height,start,stop); 繪制弧形 前面同ellipse 后面是弧的起始和結束的弧度

triangle(x1,y1,x2,y2,x3,y3); 繪制三角形 分別是三個頂點的坐標

quad(x1,y1,x2,y2,x3,y3,x4,y4); 繪制四邊形 分別是四個頂點的坐標

bezier(x1,y1,cx1,cy1,cx2,cy2,x2,y2); 繪制貝塞爾曲線 x1,y1,x2,y2為曲線起點終點坐標，cx1,cy1,cx2,cy2兩個輔助點坐標