91 week01

 開啟processing應用程式，設定字的大小及視窗大小。

//This is very big

//中文字

size(500,500);//視窗大小(寬,高);

背景改顏色:

background(255,255,0);//黃色

背景(紅,綠,藍);

開新的視窗，滑鼠移動畫圖:

//互動模式 Interactive Mode (Active Mode)

//大一大二學 int main(){...}

void setup(){//設定

  size(500,500);

  background(255,255,0);

}

void draw(){//畫圖 每秒畫60次

  ellipse(mouseX,mouseY,8,8);

}

滑鼠畫線:

//互動模式 Interactive Mode (Active Mode)

//大一大二學 int main(){...}

void setup(){//設定
  size(500,500);
  background(255);//改白色背景 背景(255);
}
void draw(){//畫圖 每秒畫60次
  if(mousePressed){//如果mouse有按下去
    line(mouseX,mouseY,pmouseX,pmouseY);
  }//畫線(滑鼠座標mouseX,mouseY,到之前滑鼠座標pmouseX,pmouseY);
}

畫線變顏色:

//互動模式 Interactive Mode (Active Mode)
//大一大二學 int main(){...}
void setup(){//設定
  size(500,500);
  background(255);//改白色背景 背景(255);
}
void draw(){//畫圖 每秒畫60次
  if(mousePressed){//如果mouse有按下去
    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藍色
}

畫圖存檔:

//互動模式 Interactive Mode (Active Mode)
//大一大二學 int main(){...}
void setup(){//設定
  size(500,500);
  background(255);//改白色背景 背景(255);
}
void draw(){//畫圖 每秒畫60次
  if(mousePressed){//如果mouse有按下去
    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'||key=='S') save("output.png");//按下s存檔名output.png
}

增加線條的粗細:

//互動模式 Interactive Mode (Active Mode)
//大一大二學 int main(){...}
void setup(){//設定
  size(500,500);
  background(255);//改白色背景 背景(255);
}
void draw(){//畫圖 每秒畫60次
  if(mousePressed){//如果mouse有按下去
    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'||key=='S') save("output.png");//按下s存檔名output.png
  if(key=='+') strokeWeight(10);
  if(key=='-') strokeWeight(1);
}

增減線條粗細 按+越來越粗 按-越來越細:

//互動模式 Interactive Mode (Active Mode)
//大一大二學 int main(){...}
void setup(){//設定
  size(500,500);
  background(255);//改白色背景 背景(255);
}
void draw(){//畫圖 每秒畫60次
  if(mousePressed){//如果mouse有按下去
    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'||key=='S') save("output.png");//按下s存檔名output.png
  if(key=='+') strokeWeight(++w);
  if(key=='-') strokeWeight(--w);
  println(w);
}

openprocessing帳號註冊，貼上上課程式碼，上傳圖案: