Week01_是賴小沫的

✎畫出一條直線

👀開啟processing



👀從座標(0,0)到座標(1,1)畫一條線

line(0,0,100,100);   //從(0,0)到(1,1)畫一條直線

按下左上角的三角形或Ctrl+R,即可執行看結果

✎查詢指令意思

👀對想要查詢的指令,按滑鼠右鍵→選擇"在參考文檔中搜尋"

補：將頁面下拉,可以看到與搜尋指令相關的其他指令

👀點選Language,可查看其他指令

 

👀Tutorials為官方提供教學影片

✎畫出一個矩形

rect(10,10,50,60);   //從座標(10,10)畫一個寬50高60的矩形

按下左上角的三角形或Ctrl+R,即可執行看結果

✎設定視窗大小

size(600,400);  //產生一個寬600高400的視窗

按下左上角的三角形或Ctrl+R,即可執行看結果

✎自製小畫家

//初始設定

void setup(){

  size(600,400);

}

//每一秒執行60次

void draw(){

  line(mouseX,mouseY,pmouseX,pmouseY);  //從現在的滑鼠座標,畫線至上一個滑鼠座標

  //rect(10,10,50,60);

}

 按下左上角的三角形或Ctrl+R,即可執行看結果

✎調整筆觸顏色及粗細

stroke(rgb);  //筆觸顏色

strokeWeight(float);  //筆觸粗細

👀設定顏色及粗細

void setup(){

  size(600,400);

}

void draw(){

  stroke(#7EB5FF);  //色碼可從工具→顏色選擇器中獲得

  line(mouseX,mouseY,pmouseX,pmouseY);

}

按下左上角的三角形或Ctrl+R,即可執行看結果

void setup(){

  size(600,400);

}

void draw(){

  stroke(#7EB5FF);  //筆觸顏色

  strokeWeight(5);  //筆觸粗細

  line(mouseX,mouseY,pmouseX,pmouseY);

}

按下左上角的三角形或Ctrl+R,即可執行看結果

👀利用鍵盤按鍵切換筆觸

void setup(){

  size(600,400);

}

void draw(){

  if(key=='1'){  //如果按數字1

    stroke(#7EB5FF);

    strokeWeight(5);

  }
  if(key=='2'){  //如果按數字2

    stroke(#FFB4FE);

    strokeWeight(8);

  }

  line(mouseX,mouseY,pmouseX,pmouseY);

}

按下左上角的三角形或Ctrl+R,即可執行看結果

✎利用processing寫出的藝術作品

👀Algorithmic Design

欣賞他人的創作,並可觀察其作品之程式碼

BTW,有些內容較多,容易產生當機的問題

 該作品的部分程式碼，如下圖