Week 02 20170925

作業一
擴充小畫家功能(線的粗細及顏色)
void setup(){
  size(800,600); 視窗大小設定
  colorMode(HSB,100); H=影像，S=飽和度，B=亮度
}

void mousePressed(){ 滑鼠按壓函式
  if(mouseX<100){
    strokeWeight(mouseY/50); 筆觸粗細
  }

if(mouseX>700){
    stroke(mouseY/6.0,100,100); 筆觸顏色
  }

作業二
調整小畫家功能(使畫面乾淨)

rect(width-100,0,width,height); 制定調整線顏色的範圍
rect(0,0,100,height); 制定調整線粗細的範圍
void mouseDragged(){ 滑鼠拖曳函式
  if(mouseX<100){
    strokeWeight(mouseY/50); 筆觸粗細
  }
  if(mouseX>width-100){
    stroke(mouseY/6.0,100,100); 筆觸顏色
  }
}

理解HBS

變數一控制色彩

變數二控制色彩飽和度

變數三控制色彩明暗

作業三

void setup(){
  size(720,720,P2D);
}
float pX=-100,pY=-100
void draw(){

}
void mouseDragged(){
  ellipse(mouseX,mouseY,100,100); 畫圖形
}


讀圖檔

size(500,500); 視窗大小
background(0,255,0); 背景顏色
PImage img=loadImage("a.png"); 讀圖檔
image(img,0,0,500,500); 圖片大小

PImage img1,img2;
void setup(){
  size(500,500);
  img1=loadImage("a.png");
  img2=loadImage("b.png");
}
void draw(){
  background(0,255,0);
  image(img1,mouseX,mouseY,100,100); 滑鼠控制圖片移動
  image(img2,200,200,100,100);
}