week01 09160286

  1.解壓縮 processing-4.0b8-windows-x64 (壓縮檔)

        完成後打開 processing 檔案

   2.檔案>偏好設定>設定字體大小

        size(500,500); 調整視窗大小

        background(#CEA0CD); 改變視窗背景顏色 

fill(#94d0fc); 填充 色彩

rect(100,100,100,150); 四邊形

開新檔

void setup(){
     size(500,500);
}
void draw(){
    background(#CEA0CD);
    fill(#F5F092);
    rect(100,100, 100,150);
    rect(mouseX,mouseY, 100,150);
}

將程式複製到

->https://pde2js.herokuapp.com/

翻譯

再貼到p5.js程式內

小畫家

void setup(){
  size(500,500);
}
void draw(){
  if(mousePressed){ 當滑鼠按下
    line(mouseX,mouseY, pmouseX,pmouseY); 
  }
}

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(#0058ED);

  if(key == '2') stroke(#ED0037);  

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

  }