2021年10月4日 星期一

我與天文社與漢堡排_week02

211004 week02

                                                                                                                              💛🔔 

小畫家觀光工廠 & DIY手作

首先先背景點一下換色

這是綠色...點一下後

就會變紅色！這真是太神奇了！

👉程式碼
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);
}

正式進入小畫家製作流程

畫出一朵小花🌼

👉程式碼（更改部分為豆沙粉色　　　）
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);///座標
  }
}

更多筆觸大小✎(for迴圈part)

👉程式碼
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);//8的圖
  }
}
void draw(){
  if(mousePressed){
    if(mouseX<50){
      for(int i=1;i<8;i++){
        if(mouseY>i*50 && mouseY<i*50+50){
          strokeWeight(i);
        }
      }
    }else line(mouseX,mouseY,pmouseX,pmouseY);///座標
  }
}

更多筆觸大小✎(if part)

👉程式碼
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(#FA9CEE); rect(0,100,50,50);
  fill(#FF6F00); rect(0,150,50,50);
  fill(#EDFF00); rect(0,200,50,50);
  fill(#2DFF00); rect(0,250,50,50);
  fill(#00F4FA); rect(0,300,50,50);
  fill(#000EFA); rect(0,350,50,50);
  fill(#94449D); 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(#FA9CEE);
     if(mouseY>3*50 && mouseY<3*50+50) stroke(#FF6F00);
     if(mouseY>4*50 && mouseY<4*50+50) stroke(#EDFF00);
     if(mouseY>5*50 && mouseY<5*50+50) stroke(#2DFF00);
     if(mouseY>6*50 && mouseY<6*50+50) stroke(#00F4FA);
     if(mouseY>7*50 && mouseY<7*50+50) stroke(#000EFA);
     if(mouseY>8*50 && mouseY<8*50+50) stroke(#94449D); 
    }else line(mouseX,mouseY,pmouseX,pmouseY);///座標
  }
}

HEY!
可調整筆觸大小✎也有調色盤🎨
基本上為"八色調色盤🎨"及"更多筆觸大小✎(if part)"合併

👉程式碼（需要注意部分為紫色　　　）
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(#FA9CEE); rect(450,100,50,50);
  fill(#FF6F00); rect(450,150,50,50);
  fill(#EDFF00); rect(450,200,50,50);
  fill(#2DFF00); rect(450,250,50,50);
  fill(#00F4FA); rect(450,300,50,50);
  fill(#000EFA); rect(450,350,50,50);
  fill(#94449D); 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(#FA9CEE);
     if(mouseY>3*50 && mouseY<3*50+50) stroke(#FF6F00);
     if(mouseY>4*50 && mouseY<4*50+50) stroke(#EDFF00);
     if(mouseY>5*50 && mouseY<5*50+50) stroke(#2DFF00);
     if(mouseY>6*50 && mouseY<6*50+50) stroke(#00F4FA);
     if(mouseY>7*50 && mouseY<7*50+50) stroke(#000EFA);
     if(mouseY>8*50 && mouseY<8*50+50) stroke(#94449D); 
    }else line(mouseX,mouseY,pmouseX,pmouseY);///座標
  }
}

如果喜歡我的部落格的話
請幫我按右上角的愛心(根本按不下去)

也可以按右上角的小鈴鐺(這也按不下去)
才不會錯過我的更新哦！😉
         

於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)