顯示具有 Week02 標籤的文章。 顯示所有文章
顯示具有 Week02 標籤的文章。 顯示所有文章

2021年10月8日 星期五

Week02

 1

滑鼠觸發背景顏色


 2

以畫框(0,0) 為起始點，並以滑鼠(x,y)為終點畫出連線


3

變成跟隨滑鼠位置，可畫出任意線條


4

加入綠紅兩色


 5

可選擇筆觸粗細


 6

筆觸粗細增加為8種

 


7

顏色選項增加為8種


8

可同時選擇顏色及筆觸粗細，小畫家功能齊全



於 沒有留言:
標籤： ,

2021年10月5日 星期二

小畫家

 



背景顏色、滑鼠設定(mousePressed)
利用滑鼠可以切換背景的顏色。
將背景的程式碼改成畫線
在按滑鼠的時候會跑出線(如上圖)
但這種寫法會有殘影所以要修改成下面這樣:
把line()裡面的程式碼稍微修改一下 
(改變座標)
就能讓線跟著滑鼠畫出想要的形狀

先設定一個rect再利用stroke換線的顏色

再來是利用strokeWeight改變線的粗度


程式碼:

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








於 沒有留言:
標籤： ,

2021年10月4日 星期一

WEEK02 阿噗神奇小筆記-分流依然bad

📌一系列小畫家

(mousePressed，fill，rect，stroke，strokeWeight，ellipse)


🌼這一個禮拜開始分流了，我就是那可憐的雙號
🌼早上去學校上完課，下午又要跑回家上線上(通勤仔的悲哀😢)

飆車me

今日課程大綱:

1.簡單顯示出顏色與線條🌈

    1.1 按下後改顏色
    1.2 從(0,0)畫線條
    1.3 線條隨滑鼠移動

2.做出不同大小與顏色🌈

    2.1 點按顏色後，會畫出所選取顏色
    2.2 點按大小後，會畫出所選取大小
    2.3 做出7種大小的畫筆
          -(1)爆破法
          -(2)迴圈法
    2.4 做出8種顏色的畫筆

3.做出簡易型小畫家!🌈

    

====================筆記開始===================


1.滑鼠按下變顏色💚💓

    使用mousePressed
    並用background改顏色

2.滑鼠可以畫出線條
   (畫了小愛心，看的出來嗎哈哈💗)



3.像小畫家的無顏色無粗細🌈畫布
   (一隻小兔子🐰)
void setup()
{
  size(500,500);  
}
void draw()
{
  if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}



*開始進入有顏色與粗細了!

3.先來試試兩種顏色的程式碼該如何寫~

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)<(255,0,0);//紅色
      else if(mouseY<200)stroke(0,255,0);//綠色
     }else line(mouseX,mouseY,pmouseX,pmouseY);
  }
}


4.再來試試兩種不同粗細的畫筆該如何撰寫~
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);
  }
}

5.接著做出有7種大小的畫筆!🌈
   (有兩種程式碼，一種是爆破，一種是迴圈，但結局都相同)

(1)爆破法
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);
  }
}
------------------------------------------------------------
(2)迴圈法
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);
  }
}
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);
  }
}


6.開始有7彩霓虹燈了~🌈
   (使用上周發現的小工具-顏色篩選器❤)
void setup(){
  size(500,500);  
  fill(#FF0303); rect(0,50,50,50); 
  fill(#FF7403); rect(0,100,50,50); 
  fill(#FEFF03); rect(0,150,50,50); 
  fill(#4DFF03); rect(0,200,50,50); 
  fill(#00F9FF); rect(0,250,50,50); 
  fill(#0337FF); rect(0,300,50,50); 
  fill(#6B03FF); rect(0,350,50,50); 
  fill(#FF03EF); rect(0,400,50,50); 
  
}
void draw(){
  if(mousePressed){
    if(mouseX<50){
      if(mouseY>1*50 && mouseY<1*50+50) stroke(#FF0303);
      if(mouseY>2*50 && mouseY<2*50+50) stroke(#FF7403);
      if(mouseY>3*50 && mouseY<3*50+50) stroke(#FEFF03);
      if(mouseY>4*50 && mouseY<4*50+50) stroke(#4DFF03);
      if(mouseY>5*50 && mouseY<5*50+50) stroke(#00F9FF);
      if(mouseY>6*50 && mouseY<6*50+50) stroke(#0337FF);
      if(mouseY>7*50 && mouseY<7*50+50) stroke(#6B03FF);
      if(mouseY>8*50 && mouseY<8*50+50) stroke(#FF03EF);
    }else line(mouseX,mouseY, pmouseX,pmouseY);
  }
}



7.即將完成!🌈
   結合上面的程式碼，就能做出一個簡易型的小畫家了!

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

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

這禮拜學校公布下周開始全部實體上課了!
有點開心又有點怕怕
應該大部分的人都沒打第二劑吧😷
到時中午吃飯很多人群聚又沒戴口罩🍚

嘖嘖想都不敢想那恐怖的畫面，病毒開薰的鑽進人的體內，然後在從口水中噴射出來跳到下一個人身上...😈





於 沒有留言:
標籤： ,

我與天文社與漢堡排_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);///座標
  }
}

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

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

於 沒有留言:
標籤： ,

08160741_week04_小畫家

 1.小畫家 顏色


void setup()
{
  size(500,500);
  fill(255,0,0);
  rect(0,0,100,100);
  fill(0,255,00);
  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);
  }
}

2.小畫家 粗細
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);
  }
}
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); 
  }
}

於 沒有留言:
標籤： ,

橘貓(互動技術筆記_week02)

使用Processing做出小畫家的效果

重要關鍵字
(mouseX,mouseY)///滑鼠"目前"位置
(pmouseX,pmouseY)///滑鼠"之前"位置
p=previous(先前)

第一步，先熟悉使用程式碼讓滑鼠控制畫面

1.
現在是百變怪的顏色
2.
按下後變成深紅色
程式碼:
void setup(){
  size(500,500);  
}
void draw(){
  if(mousePressed) background(155,50,50);
  else background(150,100,150);
}

第二步，固定一點使用滑鼠點出其他點畫線

1.
兩點一線，劃出一隻條碼貓

程式碼:
void setup(){
      size(500,500);///螢幕大小
    }
void draw(){
      if(mousePressed)line(mouseX,mouseY,0,0);
    ///當滑鼠按下時會記錄滑鼠所在位置的座標，與(0,0)連線
    }
不過我們小畫家不能一直都連到原點，所以下一步。

第三步，把(0,0)改掉!!完成線部分

1.
燈愣!~~極細線條貓就誕生了
draw()函式中這裡只做了一個簡單的改動，將(0,0)改成pmouseX,pmouseY，按下滑鼠即可畫圖!
void draw(){
      if(mousePressed)line(mouseX,mouseY,pmouseX,pmouseY);
    ///當滑鼠按下時會記錄滑鼠所在位置的座標，與pmouseX,pmouseY連線
    }

第四步，將上禮拜的內容合併，即可做出改顏色及筆觸粗細的功能

1.改筆觸顏色

醜到爆掉小花花


程式碼:
void setup(){///畫出3個方塊，可以選出想要的顏色
  size(500,500);
  fill(155,50,50); rect(0,0,100,100);//深红色
  fill(100,255,100); rect(0,100,100,100);//綠色
  fill(106,90,205); rect(0,200,100,100);//淺紫色
}
void draw(){///改變筆刷顏色，偵測滑鼠點案的區塊，使其變色
  if(mousePressed){
    if(mouseX<100){///X不超過100
      if(mouseY<100) stroke(155,50,50);//红色((Y小於100
      else if(mouseY<200) stroke(100,255,100);//綠色((Y小於200
      else if(mouseY<300) stroke(106,90,205);//淺紫色 ((Y小於300
    }
    else line(mouseX,mouseY,pmouseX,pmouseY);
  }
}

2.改筆觸粗細

1.
夏日酷涼貓

程式碼:

void setup(){

  size(500,500);

  rect(0,0,100,100); ellipse(50,50,10,10);//10號筆

  rect(0,100,100,100); ellipse(50,150,5,5);//5號筆

}

void draw(){

  if(mousePressed){

    if(mouseX<100){

      if(mouseY<100) strokeWeight(10);//將筆觸改為10

      else if(mouseY<200) strokeWeight(5);//將筆觸改為5

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

  }

}

第五步，使用for做出可改筆觸粗細及顏色的小畫家

1.試做版1.0V
醜醜顏色
程式碼:
void setup(){
  size(500,500);
  for(int i=1;i<10;i+=2){
    rect(0,i*50,50,50);
    ellipse(25,25+i*50,i,i);//自動產生5個不同大小的筆觸
  }
  fill(155,50,50); rect(400,0,100,100);//深红色
  fill(100,255,100); rect(400,100,100,100);//綠色
  fill(106,90,205); rect(400,200,100,100);//淺紫色
}
void draw(){
  if(mousePressed){
    if(mousePressed){
    if(mouseX>400){
      if(mouseY<100) stroke(155,50,50);//红色
      else if(mouseY<200) stroke(100,255,100);//綠色
      else if(mouseY<300) stroke(106,90,205);//淺紫色
    }
    else line(mouseX,mouseY,pmouseX,pmouseY);
  }
    if(mouseX<50){
      for(int i=1;i<10;i+=2){
        if(mouseY>i*50 && mouseY<i*50+50){
          strokeWeight(i);
        }
      }
    }else line(mouseX,mouseY,pmouseX,pmouseY);
  }
}

第六步，最終更改版

1.最終更改版

較完整的版本C:
程式碼:
void setup(){
  size(500,500);
  for(int i=1;i<10;i++){
    rect(0,i*50,50,50);
    ellipse(25,25+i*50,i,i);//自動產生10個不同大小的筆觸
  }
  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){
      for(int i=1;i<10;i++){
        if(mouseY>i*50 && mouseY<i*50+50){
          strokeWeight(i);
        }
        }
    }
    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);
  }
}

以上就是這周的簡易小畫家~祝大家雙十快樂~~
於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)