week 04 小畫家

 void setup(){

  size(500,500);

}

void draw(){

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

  else background(0,255,0);

}

不壓是綠色，壓下去變紅色

void setup(){

  size(500,500);

}

void draw(){   ///畫畫

  if(mousePressed)line(mouseX,mouseY,0,0);   ///按滑鼠出現線條(00從左上角開始)

  ///else background(0,255,0);

}

void setup(){

  size(500,500);

}

void draw(){

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

}

這次變真的小畫家了可以按住跟著滑鼠畫

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

  }

}

可以換顏色畫畫拉 典籍左邊的色塊就可以換顏色

void setup(){

  size(500,500);

  rect(0,0,100,100);ellipse(50,50,8,8);///8的圓

  rect(0,100,100,100);ellipse(50,150,4,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);

  }

}

上次是點色塊選顏色，這次是選擇筆畫的粗細

void setup(){

  size(500,500);

  for(int i=1;i<8;i++){

  rect(0,i*50,50,50);

  ellipse(25,25+i*50,i,i);

  } ///用for迴圈慢慢增大圓的大小

}

void draw(){

  if(mousePressed){

     if(mouseX<100){

       for(int i=1;i<8;i++){

         if(mouseY>i*50 && mouseY<i*50+50){

           strokeWeight(i);

         }

       }

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

  }

}

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

  }

}

土法煉鋼式的粗細選擇

void setup(){

  size(500,500);

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

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

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

  fill(#10FF00);rect(0,200,50,50);

  fill(#0057FF);rect(0,250,50,50);

  fill(#0092FF);rect(0,300,50,50);

  fill(#8B00FF);rect(0,350,50,50);

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

}

void draw(){

  if(mousePressed){

    if(mouseX<50){

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

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

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

      if(mouseY>4*50 && mouseY<4*50+50)stroke(#10FF00);

      if(mouseY>5*50 && mouseY<5*50+50)stroke(#0057FF);

      if(mouseY>6*50 && mouseY<6*50+50)stroke(#0092FF);

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

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

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

  }

} 

土法煉鋼式的顏色選擇

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(#FF0000);rect(450,50,50,50);

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

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

  fill(#10FF00);rect(450,200,50,50);

  fill(#0057FF);rect(450,250,50,50);

  fill(#0092FF);rect(450,300,50,50);

  fill(#8B00FF);rect(450,350,50,50);

  fill(#FF00D5);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(#FF0000);

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

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

      if(mouseY>4*50 && mouseY<4*50+50)stroke(#10FF00);

      if(mouseY>5*50 && mouseY<5*50+50)stroke(#0057FF);

      if(mouseY>6*50 && mouseY<6*50+50)stroke(#0092FF);

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

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

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

  }

}

把顏色跟粗細整合