WPN

 week01

<建立環境 >解壓縮processing>更改偏好設定(字體、大小)

<設定背景及靜態畫圖>

畫四邊形rect(100, 100, 100, 150);  //長方形（X起始位置, Y起始位置, 長, 寬）

<改成動態>rect(mouseX, mouseY, 100, 150); //四邊形會跟著鼠標移動

<下載p5.js>

<轉換程式碼>https://pde2js.herokuapp.com/

到這個網址去將原本的程式碼貼上 ,轉成p5.js

然後去processing的右上方將java改成p5.js再將程式碼貼上執行(會跑出網頁)

<簡易小畫家>

void setup() {

  size(500, 500);   ///畫面大小

  background(#FFFFF2);   ///背景顏色

  stroke(255, 0, 0);   ///畫筆顏色

}

void draw() {

  if (mousePressed) {

    line(mouseX, mouseY, pmouseX, pmouseY );   ///畫線

  }

}

void keyPressed() {

  if (key == '1' ) stroke(#4682B4);

  if (key == '2' ) stroke(#6A5ACD);

  if (key == '3' ) stroke(#E6005C);

}