week02

基礎

size(500,500);  視窗大小

background(#5AAAC6); 背景顏色

stroke(255,0,0); or stroke(#ff0000);外框線顏色

fill(255,255,0); or fill(#ff0000);裡面顏色

rect(100,100,300,300); 正方形

        左上為準心   邊長

練習1

void setup()

{

        size(500,500);

}

void draw()

{

        if(mousePressed) background(255,0,255); 當滑鼠按下時變色

        else background(0,255,0);

}

練習2

void setup()

{

        size(500,500);

}

void draw()

{

        if(mousePressed) 

            line(mouseX,mouseY,pmouseX,pmouseY);

}

練習3

void setup()

{

  size(600, 500);

}

void keyPressed()  儲存圖片

{

  save("picture.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(#ff00ff); rect(0,300,100,100);

     fill(#0000ff); 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(#ff00ff);

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

    }

  else if(mousePressed && mouseX>100)

    {

        strokeWeight(4);  線的粗度

        line(mouseX,mouseY,pmouseX,pmouseY);

    }

}