部落格Week01

第一堂課

• 調整設定(字體大小,可輸入中文等等)

 

• 輸入程式碼顯示出500*500的視窗

• 新增程式碼background(255,255,0);(上色用)

//abc

//中文字

size(500,500);

background(255,255,0);

第二堂課

• 寫出程式碼用滑鼠畫圖(互動模式)

void setup(){

  size(500,500);

  background(255,255,0);

}

void draw(){

  ellipse(mouseX,mouseY,8,8);

}

• 寫出程式碼用滑鼠畫圖(差別是滑鼠要按下去)

void setup(){

  size(500,500);

  background(255);

}

void draw(){

  if(mousePressed){

    line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

• 右鍵選取可以以HTML格式複製

• 寫程式碼用數字鍵切換顏色畫圖

void setup(){

  size(500,500);

  background(255);

}

void draw(){

  if(mousePressed){

    line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

void keyPressed(){

  if(key=='1') stroke(255,0,0);

  if(key=='2') stroke(0,255,0);

  if(key=='3') stroke(0,0,255);

}

新增程式碼if(key=='s'||key=='S')save("output.png");(畫完後按S可存檔output.png)

void setup(){

  size(500,500);

  background(255);

}

void draw(){

  if(mousePressed){

    line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

void keyPressed(){

  if(key=='1') stroke(255,0,0);

  if(key=='2') stroke(0,255,0);

  if(key=='3') stroke(0,0,255);

  if(key=='s'||key=='S')save("output.png");

}

新增程式碼  if(key=='+')strokeWeight(10);if(key=='-')strokeWeight(1);(可調整畫筆粗細)

void setup(){

  size(500,500);

  background(255);

}

void draw(){

  if(mousePressed){

    line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

void keyPressed(){

  if(key=='1') stroke(255,0,0);

  if(key=='2') stroke(0,255,0);

  if(key=='3') stroke(0,0,255);

  if(key=='s'||key=='S')save("output.png");

  if(key=='+')strokeWeight(10);

  if(key=='-')strokeWeight(1);

}

修改程式碼讓畫筆粗細變化量可控

void setup(){

  size(500,500);

  background(255);

}

void draw(){

  if(mousePressed){

    line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

int w=1;

void keyPressed(){

  if(key=='1') stroke(255,0,0);

  if(key=='2') stroke(0,255,0);

  if(key=='3') stroke(0,0,255);

  if(key=='s'||key=='S')save("output.png");

  if(key=='+')strokeWeight(++w);

  if(key=='-')strokeWeight(--w);

  println(w);

}

註冊OpenProcessing
輸入程式碼並畫圖
上傳github