第四週

製作小畫家

void setup(){
  size(400,400);
  background(0);
}
void draw(){
  fill(135,238,141); //綠
  rect(0,0,100,100);
  fill(0,255,255); //藍
  rect(0,100,100,100);
  fill(255,155,55); //橘
  rect(0,200,100,100);
  fill(255,174,201); //粉
  rect(0,300,100,100);
}
void mouseDragged(){
  line(mouseX,mouseY,pmouseX,pmouseY);
}
void mouseClicked(){
  if(mouseX<100 && mouseY<100) stroke(135,238,141);
  else if(mouseX<100 && mouseY<200) stroke(0,255,255);
  else if(mouseX<200 && mouseY<300) stroke(255,155,55);
  else if(mouseX<300 && mouseY<400) stroke(255,174,201);
}

void setup(){
  size(400,400);
  background(0);
  noStroke();
  colorMode(HSB, 100);
  for (int i = 0; i < 100; i++) {
  for (int j = 0; j < 100; j++) {
    stroke(i, j, 100);
    point(i, j);
  }
 }
}
void draw(){
}
void mouseDragged(){
  line(mouseX,mouseY,pmouseX,pmouseY);
}
void mousePressed(){
  if(mouseX<100 && mouseY<100) stroke(mouseX,mouseY,100);
}

void setup(){

  size(400,400);

  background(0);

  noStroke();

  colorMode(RGB, 225);

  fill(143,245,232);

  rect(0,100,100,100);

  

  colorMode(HSB, 100);

  for (int i = 0; i < 100; i++) {

  for (int j = 0; j < 100; j++) {

    stroke(i, j, 100);

    point(i, j);

  }

 }

}

void draw(){

}

void mouseDragged(){

  line(mouseX,mouseY,pmouseX,pmouseY);

}

void mousePressed(){

  if(mouseX<100 && mouseY<100){

    colorMode(HSB, 100);

    stroke(mouseX,mouseY, 100);

  }else if(mouseX<100 && mouseY<200){

    stroke(#8FF5E8);

 }

}

void setup(){

  size(500,500);

  background(0);

  noStroke();

  colorMode(HSB, 100);

  for (int i = 0; i < 100; i++) {

    for (int j = 0; j < 100; j++) {

      stroke(i, j, 100);

      point(i, j);

  }

 }

  fill(255);

  rect(400,0,100,100);

  strokeWeight(5); //筆的粗細

  stroke(#FFFFFF); //粗細顯示的顏色

  point(450,50); //粗細顯示的位置

}

void draw(){

}

void mouseDragged(){

 if(mouseX>100) line(mouseX,mouseY,pmouseX,pmouseY);

}

void mousePressed(){

  if(mouseX<100 && mouseY<100){

    colorMode(HSB, 100);

    stroke(mouseX,mouseY, 100);

  }else if(mouseX<100 && mouseY<200){

    stroke(#8FF5E8);

 }

}