m week01

 week01

打開prcocessing

修改字體及大小

製作視窗

做一個黃色的視窗

///中文字
size(500,500);//視窗大小(寬,高);
background(255,255,0); //背景(紅,綠,藍)

做一個滑鼠的互動程式

//互動模式
void setup(){ //設定
  size(500,500);
  background(255,255,0);
}

void draw(){ //畫圈 每秒畫60次
  ellipse(mouseX,mouseY, 8, 8);
}

用滑鼠畫畫

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

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

用鍵盤改變筆觸顏色

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

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

void keyPressed(){ //如果有按下keyborad的key
  if(key=='1') stroke(255, 0, 0);//如果按下數字1 就筆觸是紅色
  if(key=='2') stroke(0, 255, 0);//如果按下數字2 就筆觸是綠色
  if(key=='3') stroke(0, 0, 255);//如果按下數字3 就筆觸是藍色
}

新增儲存圖畫的按鈕

首先另存新檔

在畫圖

在視窗按s儲存

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

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

void keyPressed(){ //如果有按下keyborad的key
  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");

}

增加筆的粗細

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

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

void keyPressed(){ //如果有按下keyborad的key
  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鍵,就存檔output.png
  if(key=='+') strokeWeight(10);
  if(key=='-') strokeWeight(1);
}

用+號和-號變化筆畫粗度

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

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

int w=1;
void keyPressed(){ //如果有按下keyborad的key
  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鍵,就存檔output.png
  if(key=='+') strokeWeight(++w);
  if(key=='-') strokeWeight(--w);
  println(w);
}