2020年9月21日 星期一

Σ(゚д゚) weeeeeeeeeek 02

基礎畫圖

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

background(#00B9FF);-------------------背景顏色

stroke(255, 0, 0);---------------------------線的顏色

fill(255,125,0);-------------------------------填滿的顏色

rect(100,100,300,300);--------------------方形(位置,大小)


按下滑鼠變色

按下滑鼠前
按下滑鼠後

void setup()

{

  size(500,500);

}

void draw()

{

  if(mousePressed) background(255,0,255);---------如果按下滑鼠背景就變色

  else background(0,255,0);

}


自製小畫家(黑白)


void setup()

{

  size(500,500);

}

void draw()

{

  if(mousePressed)

  {

    line(mouseX,mouseY,pmouseX,pmouseY);--------將滑鼠按下到結束的路徑輸出成線條

  }

}


自製小畫家(可換色)


void setup()

{

  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);

   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);--------將滑鼠按下到結束的路徑輸出成線條

  }

}

改變線條粗細&儲存畫布

void setup()

{

  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);

  strokeWeight(5);---------------------------改變線條粗細

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

  }

  else if(mousePressed && mouseX>100)

  {

    line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

void keyPressed()----------------------按下鍵盤任意按鍵

{

   save("yes.png"); ---------------------儲存畫布 名稱為yes.png

}





沒有留言:

張貼留言