week02-小畫家

 week02

複習:

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

background(#00B9FF);///背景

stroke(255,0,0);///圖形外框

fill(255,255,0);///填滿外框內圖形

rect(100,100,300,300);///(X座標,Y座標,長,寬)

本週進度:

*滑鼠按住*

*滑鼠放開*

///想讓畫面,mouse按下去,變紫色

///else變綠色(互動)

void setup(){///設定,只有第一個frame

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

}

void draw(){///更新=>畫圖,60秒frames

  if(mousePressed) background(255,0,255);///滑鼠按下去變紫色

  else background(0,255,0);///放開變綠色

}

///製作小畫家

void setup(){///設定,只有第一個frame

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

}

void draw(){///畫線

  if(mousePressed){

     line(mouseX,mouseY,pmouseX,pmouseY);///(x,y,舊x,舊y)

  }

}

///製作小畫家

void setup(){///設定,只有第一個frame

  size(600,500);///畫布大小

}

void draw(){

  fill(#ff0000); rect(0,0,100,100);///紅色調色盤的大小

  fill(#ffff00); rect(0,100,100,100);

  fill(#00ff00); rect(0,200,100,100);

  fill(#0000ff); rect(0,300,100,100);

  fill(#ff00ff); rect(0,400,100,100);

  if(mousePressed && mouseX<100){///調色盤區

    if(mouseY<100) stroke(#ff0000);///stroke=> 調色盤外框的顏色,筆刷顏色

    else if(mouseY<200) stroke(#ffff00);

    else if(mouseY<300) stroke(#00ff00);

    else if(mouseY<400) stroke(#0000ff);

    else if(mouseY<500) stroke(#ff00ff);

  }else if(mousePressed && mouseX>100){///畫圖區

    line(mouseX,mouseY,pmouseX,pmouseY);///畫線=> (x,y,舊x,舊y)

    }

}

///製作小畫家

void setup(){///設定,只有第一個frame

  size(600,500);///畫布大小

  strokeWeight(5);///調整筆刷,外框粗細

}

void keyPressed(){///按任意鍵下去

  save("Ben.png");///存檔

}

void draw(){

  fill(#ff0000); rect(0,0,100,100);///紅色調色盤的大小

  fill(#ffff00); rect(0,100,100,100);

  fill(#00ff00); rect(0,200,100,100);

  fill(#0000ff); rect(0,300,100,100);

  fill(#ff00ff); rect(0,400,100,100);

  if(mousePressed && mouseX<100){///調色盤區

    if(mouseY<100) stroke(#ff0000);///stroke=> 調色盤外框的顏色,筆刷顏色

    else if(mouseY<200) stroke(#ffff00);

    else if(mouseY<300) stroke(#00ff00);

    else if(mouseY<400) stroke(#0000ff);

    else if(mouseY<500) stroke(#ff00ff);

  }else if(mousePressed && mouseX>100){///畫圖區

    line(mouseX,mouseY,pmouseX,pmouseY);///畫線=> (x,y,舊x,舊y)

    }

}