week02

 

上圖先複習上週的

上面那張圖可用滑鼠點一下，然後下面那張圖就會變色

上圖滑鼠點一下會變色

上圖可以用滑鼠畫一張圖

上圖就是小畫家簡化版，但是是自己做的!!

我大約懂老師的寫法，具體來說就是用座標來記他位置，然後就會有顏色了。

void setup(){

  size(500,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(#00FFFF);rect(0,400,100,100);    ///淺藍

  if(mousePressed&&mouseX<100){   ///當滑鼠小於灰色的地方時

    if(mouseY<100) stroke(#FF0000); ///點什麼顏色就變甚麼顏色

    else if(mouseY<200) stroke(#FFFF00);///~~~~~~~

    else if(mouseY<300) stroke(#00FF00);///~~~~~~~

    else if(mouseY<400) stroke(#0000FF);///~~~~~~~

    else if(mouseY<500) stroke(#00FFFF);///同上

  }

    else if(mousePressed&&mouseX>100)///當滑鼠大於有顏色的地方時就可以開始畫圖

    {

        line(mouseX,mouseY, pmouseX,pmouseY);

      }

}

最後加了出度還有存檔

void setup(){

  size(500,500);///整個圖的大小

    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(#00FFFF);rect(0,400,100,100);    ///淺藍

    strokeWeight(5);///粗度大小

}

void keyPressed(){

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

}

void draw(){

  if(mousePressed&&mouseX<100){   ///當滑鼠小於灰色的地方時

    if(mouseY<100) stroke(#FF0000); ///點什麼顏色就變甚麼顏色

    else if(mouseY<200) stroke(#FFFF00);///~~~~~~~

    else if(mouseY<300) stroke(#00FF00);///~~~~~~~

    else if(mouseY<400) stroke(#0000FF);///~~~~~~~

    else if(mouseY<500) stroke(#00FFFF);///同上

  }

    else if(mousePressed&&mouseX>100)///當滑鼠大於有顏色的地方時就可以開始畫圖

    {

        line(mouseX,mouseY, pmouseX,pmouseY);

      }

}