SangMo互動技術 Week1

認識processing

桌面找到processing後開啟

找到偏好設定
檔案 -- 偏好設定
字型改36,字型楷標體

認識程式碼

size(寬,高);

background(r,g,b);

這類屬於直接模式 Immdiate Mode

下方為互動模式 Interactive Mode(Active Mode)

void setup() == C語言的int main()

draw()//畫圖,每秒畫60次

背景改為白色

某鍵Pressed(按下)

HTML複製

//互動模式
void setup(){
  size(500,500);
  background(255);///白色背景
}

void draw(){
  if(mousePressed){
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
}//畫線(滑鼠的座標mouseX,mouseY,到之前滑鼠座標pmouseX,pmouseY)

利用keyboard幫畫筆加顏色

甚至可以用來存檔

畫筆加粗加細

設定常數套用在strokeWeight()裡面

常按可以改變筆畫大小

//互動模式
void setup(){
  size(500,500);
  background(255);///白色背景
}

void draw(){
  if(mousePressed){
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
}//畫線(滑鼠的座標mouseX,mouseY,到之前滑鼠座標pmouseX,pmouseY)

int w=1;
void keyPressed(){
  if(key=='1') stroke(255,0,0); //如果按下數字1,筆觸為紅色
  if(key=='2') stroke(0,255,0); //如果按下數字2,筆觸為綠色
  if(key=='3') stroke(0,0,255); //如果按下數字3,筆觸為藍色
  if(key=='s'||key=='S') save("output,png"); //按下s存檔
  if(key=='+') strokeWeight(++w);
  if(key=='-') strokeWeight(--w);
  println(w);
}

開放式網站 openprocessing.org
註冊帳號
創建圖片