2021年10月4日 星期一

岩壁悲歌 Week02

 2021/10/4 week04

----------------------------------------------------------------------------------------------------

1.第一個作業是複習上個星期的"mousePressed"並運用if判斷式來讓背景顏色做出改變

void setup(){

  size(500,500);

}

void draw(){

  if(mousePressed) background(255,0,0);

  else background(0,255,0);

}

圖片

圖片

-----------------------------------------------------------------------------

2.每用滑鼠點一下,都會往(0,0)的位置劃一條線

void setup(){

  size(500,500);

}

void draw(){

  if(mousePressed) line(mouseX,mouseY,0,0);

}

圖片

------------------------------------------------------------------------------

3.簡易小畫家

void setup(){

  size(500,500);

}

void draw(){

  if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);

}

圖片

------------------------------------------------------------------------------

4.用綠色或紅色的顏色作畫

void setup(){

  size(500,500);

  fill(255,0,0); rect(0,0,100,100);

  fill(0,255,0); rect(0,100,100,100);

}

void draw(){

  if(mousePressed){

    if(mouseX<100){

      if(mouseY<100) stroke(255,0,0);

      else if(mouseY<200) stroke(0,255,0);

    }else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

圖片

------------------------------------------------------------------------------

5.改變線的粗細

void setup(){

  size(500,500);

  rect(0,0,100,100);  ellipse(50,50,8,8);

  rect(0,100,100,100);  ellipse(50,150,4,4);

}

void draw(){

  if(mousePressed){

    if(mouseX<100){

      if(mouseY<100) strokeWeight(8);//粗

      else if(mouseY<200) strokeWeight(4);//中

    }else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

圖片

------------------------------------------------------------------------------

6.八種粗細

void setup(){

  size(500,500);

  rect(0,50,50,50);      ellipse(25,25+50,1,1);

  rect(0,100,50,50);     ellipse(25,25+100,2,2);

  rect(0,150,50,50);     ellipse(25,25+150,3,3);

  rect(0,200,50,50);     ellipse(25,25+200,4,4);

  rect(0,250,50,50);     ellipse(25,25+250,5,5);

  rect(0,300,50,50);     ellipse(25,25+300,6,6);

  rect(0,350,50,50);     ellipse(25,25+350,7,7);

  rect(0,400,50,50);     ellipse(25,25+400,8,8);

}

void draw(){

  if(mousePressed){

    if(mouseX<50){

      if(mouseY>1*50 && mouseY<1*50+50) strokeWeight(1);

      if(mouseY>2*50 && mouseY<2*50+50) strokeWeight(2);

      if(mouseY>3*50 && mouseY<3*50+50) strokeWeight(3);

      if(mouseY>4*50 && mouseY<4*50+50) strokeWeight(4);

      if(mouseY>5*50 && mouseY<5*50+50) strokeWeight(5);

      if(mouseY>6*50 && mouseY<6*50+50) strokeWeight(6);

      if(mouseY>7*50 && mouseY<7*50+50) strokeWeight(7);

      if(mouseY>8*50 && mouseY<8*50+50) strokeWeight(8);

    }else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

圖片

------------------------------------------------------------------------------

7.八種顏色

void setup(){

  size(500,500);

  fill(#FF0505);  rect(0,50,50,50);

  fill(#FFB005);  rect(0,100,50,50);

  fill(#D0FF05);  rect(0,150,50,50);

  fill(#05FF24);  rect(0,200,50,50);

  fill(#05DCFF);  rect(0,250,50,50);

  fill(#051BFF);  rect(0,300,50,50);

  fill(#7905FF);  rect(0,350,50,50);

  fill(#FF05EF);  rect(0,400,50,50);

}

void draw(){

  if(mousePressed){

    if(mouseX<50){

      if(mouseY>1*50 && mouseY<1*50+50) stroke(#FF0505);

      if(mouseY>2*50 && mouseY<2*50+50) stroke(#FFB005);

      if(mouseY>3*50 && mouseY<3*50+50) stroke(#D0FF05);

      if(mouseY>4*50 && mouseY<4*50+50) stroke(#05FF24);

      if(mouseY>5*50 && mouseY<5*50+50) stroke(#05DCFF);

      if(mouseY>6*50 && mouseY<6*50+50) stroke(#051BFF);

      if(mouseY>7*50 && mouseY<7*50+50) stroke(#7905FF);

      if(mouseY>8*50 && mouseY<8*50+50) stroke(#FF05EF);

    }else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

圖片

------------------------------------------------------------------------------

8.可選擇粗細及顏色來作畫

void setup(){

  size(500,500);

  rect(0,50,50,50);      ellipse(25,25+50,1,1);

  rect(0,100,50,50);     ellipse(25,25+100,2,2);

  rect(0,150,50,50);     ellipse(25,25+150,3,3);

  rect(0,200,50,50);     ellipse(25,25+200,4,4);

  rect(0,250,50,50);     ellipse(25,25+250,5,5);

  rect(0,300,50,50);     ellipse(25,25+300,6,6);

  rect(0,350,50,50);     ellipse(25,25+350,7,7);

  rect(0,400,50,50);     ellipse(25,25+400,8,8);

  fill(#FF0505);  rect(450,50,50,50);

  fill(#FFB005);  rect(450,100,50,50);

  fill(#D0FF05);  rect(450,150,50,50);

  fill(#05FF24);  rect(450,200,50,50);

  fill(#05DCFF);  rect(450,250,50,50);

  fill(#051BFF);  rect(450,300,50,50);

  fill(#7905FF);  rect(450,350,50,50);

  fill(#FF05EF);  rect(450,400,50,50);

}

void draw(){

  if(mousePressed){

    if(mouseX<50){

      if(mouseY>1*50 && mouseY<1*50+50) strokeWeight(1);

      if(mouseY>2*50 && mouseY<2*50+50) strokeWeight(2);

      if(mouseY>3*50 && mouseY<3*50+50) strokeWeight(3);

      if(mouseY>4*50 && mouseY<4*50+50) strokeWeight(4);

      if(mouseY>5*50 && mouseY<5*50+50) strokeWeight(5);

      if(mouseY>6*50 && mouseY<6*50+50) strokeWeight(6);

      if(mouseY>7*50 && mouseY<7*50+50) strokeWeight(7);

      if(mouseY>8*50 && mouseY<8*50+50) strokeWeight(8);

    }else if(mouseX>450){

      if(mouseY>1*50 && mouseY<1*50+50) stroke(#FF0505);

      if(mouseY>2*50 && mouseY<2*50+50) stroke(#FFB005);

      if(mouseY>3*50 && mouseY<3*50+50) stroke(#D0FF05);

      if(mouseY>4*50 && mouseY<4*50+50) stroke(#05FF24);

      if(mouseY>5*50 && mouseY<5*50+50) stroke(#05DCFF);

      if(mouseY>6*50 && mouseY<6*50+50) stroke(#051BFF);

      if(mouseY>7*50 && mouseY<7*50+50) stroke(#7905FF);

      if(mouseY>8*50 && mouseY<8*50+50) stroke(#FF05EF);

    }else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

圖片

沒有留言:

張貼留言