LET ME INNNNNN! week01

WEEK01

Step01

Processting啟動

大小視窗的程式碼:

size(500,500);///視窗大小(寬，高);

成果

把視窗背景變成黃色的

background(255,255,0); //背景(紅,綠,藍)

成果

Step02

滑鼠互動程式碼-點跟者滑鼠移動

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 就筆觸是藍色
}

成果

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");

}

成果

Step03

滑鼠互動程式碼-增加筆的粗細

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){ //如果mouse有按下去
  line(mouseX,mouseY,pmouseX,pmouseY);
  } //畫線(滑鼠座標mouseX,mouseY,到之前的滑鼠座標pmouseX,pmouseY);
}
int w=1;
void keyPressed(){ //如果有按下keybord的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);
}

Step04

上傳github