WEEK01

打開processing>點左上角檔案>偏好設定>調整字型大小>調中文字體

程式碼調整視窗大小

size(500,500);//視窗大小
background(255,255,0);//視窗背景顏色

程式碼背景顏色

size(500,500);//視窗大小
background(255,255,0);//視窗背景顏色

程式碼移動滑鼠畫圖

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(){
  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')save("output.png");//按下s存圖片


登入github 開一個新倉庫 2023interaction

程式碼按下+或-調整筆畫粗細

void setup(){//設定
  
    size(500,500);
    background(255);//白色背景
}

void draw(){//畫圖 每秒畫60次
  if(mousePressed){//如果 滑鼠有按下去
    line(mouseX,mouseY,pmouseX,pmouseY);
}//畫線(滑鼠座標mouseX,mouseY到之前滑鼠座標pmouseX,pmouseY);
}
void keyPressed(){
  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')save("output.png");//按下s存圖片
  if(key=='+')strokeWeight(10);//按+筆畫粗
  if(key=='-')strokeWeight(1);//按-筆畫細
}
程式碼 按下+或-讓筆畫能粗或細
void setup(){//設定
  
    size(500,500);
    background(255);//白色背景
}

void draw(){//畫圖 每秒畫60次
  if(mousePressed){//如果 滑鼠有按下去
    line(mouseX,mouseY,pmouseX,pmouseY);
}//畫線(滑鼠座標mouseX,mouseY到之前滑鼠座標pmouseX,pmouseY);
}
int w=1;
void keyPressed(){
  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')save("output.png");//按下s存圖片
  if(key=='+')strokeWeight(++w);//按+筆畫粗
  if(key=='-')strokeWeight(--w);//按+筆畫細
  println(w);
  
}
註冊openProcessing帳號


新增上課的第四個程式碼
就可以執行 並存檔