size(600,600);
for(int i=0;i<50;i++)
{
fill(random(250),random(255),random(215));
rect(random(150),random(255),random(300),random(205));
}

size(500,500);

for(int i=0;i<50;i++)

{  

    for(int k=0;k<50;k++)

    {    

        fill(i*220/12,k*200/8,i*200/21);

        rect(i*10,k*10,  50,30);

    }

}

size(500,500);
for(int i=0;i<5;i++){
  for(int k=0;k<5;k++){
    fill(i*255/8,k*255/8,50);
    ellipse(i*100+50,k*100+50,  10,100);
    fill(255,255,255);
    ellipse(i*100+50,k*100+50,  30,50);
    fill(0,0,0);
    ellipse(i*100+50,k*100+50,  10,50);
  }
}

這也是補交的作業 

week02,hw02

1.
size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(500),random(255),random(500),random(255));
}

2.
size(500,500);
for(int i=0;i<50;i++)
{ 
    for(int k=0;k<50;k++)
    {   
        fill(i*220/20,k*200/20,i*200/16);
        rect(i*10,k*10,  50,30);
    }
}

3.
size(500,500);
for(int i=0;i<5;i++){
  for(int k=0;k<5;k++){
    fill(i*255/2,k*255/3,50);
    ellipse(i*100+50,k*100+50,  100,100);
    fill(255,255,255);
    ellipse(i*100+50,k*100+50,  80,50);
    fill(0,0,0);
    ellipse(i*100+50,k*100+50,  20,50);
  }
}

4.
因為第三週才加入課程，花了一些時間理解前兩個作業，抱歉太晚補交作業了。
原來迴圈可以這樣玩，真的是像萬花筒一樣，在完成程式碼之後總是期待執行的那一刻會出現怎樣的圖: )

week02,HW02

1
size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(500),random(255),random(255),random(255));
}
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(500),random(255),random(255),random(255));
}

2
size(500,400);
for(int i=0;i<60;i++){
  for(int k=0;k<40;k++){
    fill(i*255/20,k*300/20,100);
    rect(i*30,k*40,  10,20);
  }
}

3
size(600,500);
for(int i=0;i<6;i++){
  for(int k=0;k<5;k++){
    fill(250,230,230);
    ellipse(i*100+50,k*100+50,  100,100);
    fill(i*255/20,k*255/5,255/5);
    ellipse(i*100+50,k*100+50,  50,50);
    fill(0,0,0);
    ellipse(i*100+50,k*100+50,  15,40);
  }
}

這周的感覺滿簡單的

 

week02,hw02

1.



size(600,600);
for(int i=0;i<50;i++){
  fill(random(255),random(255),random(255));
  rect(random(500),random(500),random(300),random(300));
}

2.

size(400,300);
for(int i=5;i<150;i++){
  for(int k=4;k<200;k++){
    fill(random(i*255/10),random(k*255/10),random(128));
    rect(random(i*15),random(k*15),random(10),random(10));
  }
}
3.

size(400,300);
noStroke();
for(int i=0;i<8;i++){
  for(int k=0;k<7;k++){
    fill(100,i*255/2,k*255/5);
    ellipse(i*100+50,k*100+50,100,90);
    fill(0,255,0);
    ellipse(i*100+50,k*100+50,40,90);
  }}

4.

老師今天教的比較多，有些地方還不太懂，不過上課經過同學提醒已經了解，做眼睛感覺蠻有趣的。

Week02-HW02

1.

2.

3.

week02,HW02

1.
size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(500),random(255),random(255),random(255));
}

2.

size(400,300);

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

  for(int k=0;k<60;k++){

    fill(i*255/30,k*300/30,100);

    rect(i*20,k*50,  10,20);

  }

}

3.

 size(500,300);
for(int i=0;i<6;i++){
  for(int k=0;k<5;k++){
    fill(250,230,230);
    ellipse(i*100+50,k*100+50,  100,100);
    fill(i*255/30,k*255/2,255/2);
    ellipse(i*100+50,k*100+50,  50,50);
    fill(0,0,0);
    ellipse(i*100+50,k*100+50,  15,40);
  }
}

4.看著別人的作業跟著做一次滿簡單的。

week 02 hw02

1.50方塊

size(600,600);
for (int i=0;i<50 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill

(random(255),random(255),random(255));     rect(random(400),random(300),random(200),random(100)); }

2.

size(500,400);
noStroke();
for (int i=0;i<50 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">for

(int j=0;j<40 data-blogger-escaped-j="j" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/50+100,j*200/40+10,180);     ellipse(i*10,j*20,30,40);      } }

3.眼睛

background(20,40,800);
size(400,400);
noStroke();
for( int i=0;i<8 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">for

( int k=0;k<6 data-blogger-escaped-k="k" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/2,k*255/4,0); ellipse(i*100+50,k*100+50,100,100); fill(i*255/7,k*255/8,255); ellipse(i*100+50,k*100+50,100,50); fill(i*255/9,k*255/25,0); ellipse(i*100+50,k*100+50,50,50); }}

4.心得

眼睛的顏色還有大小跟圈圈都要慢慢比對~~~不過好像很好玩一樣只是很麻煩

98160345蔡承芳,HW02,Week2

1

size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(255),random(255),random(255),random(255));
}

2

size(400,300);

 for(int i=0;i<40;i++)

 {

  for(int k=0;k<30;k++)

   {

    fill(i*200/40,k*255/30,0);

    triangle(i*20,k*20, i*20+20, k*20, i*20, k*20+20);

    fill(i*200/45,k*200/50,i*200/20);

    triangle(i*10,k*10+10, i*10+10,k*10, i*10+10,k*10+10);

   }

 }

3

size(400,300);

background(600,200,0);

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

  for(int k=0;k<30;k++){

   

    fill(i*255/4,k*255/3,0);

    ellipse(i*50+10,k*50+10,  50,45);

    fill(0,0,0);

ellipse(i*50+10,k*50+10,10,45);

  }

}

Week02,HW02

作業1

size(600,600);
for(int i=0;i<50;i++){
  fill( random(255), random(255), random(255),random(255));  //增加一個random多了透明度
  rect(random(500),random(500),random(500),random(500));
}

作業2

size(400,300);
for(int i=0;i<40;i++){
  for(int j=0;j<30;j++){
    noStroke(); //消除格線
    fill(i*220/30,j*200/20,j*225/10,j*225/20); //調整色彩
    rect(i*10,j*10, 10,10);
     }
}

作業三

size(500,500);
for(int i=0;i<5;i++){
  for(int j=0;j<5;j++){
    fill(j*225/4,j*225/9,j*225/10);
    ellipse(i*100+50,j*100+50,  100,100);
  }
}
for(int i=0;i<5;i++){
  for(int j=0;j<5;j++){
    fill(225,225,225,225);
    ellipse(i*100+50,j*100+50,  90,40);
  }
}

for(int i=0;i<5;i++){
  for(int j=0;j<5;j++){
    fill(225,225,225,225);
    ellipse(i*100+50,j*100+50,  90,20); //眼皮
  }
}
for(int i=0;i<5;i++){
  for(int j=0;j<5;j++){
    fill(0,0,0,225);
    rect(i*100+50,j*100+50,  10,20); //黑色長方形眼睛
  }
}

Week02,HW02

size(800,600);
for(int i=0;i<40;i++)
{
   for(int  j=0;j<30;j++)
  {
    fill(random(255),random(255),random(255));
    rect(i*10,j*10,(i+1)*10,(j+1)*10);
  }
}
for(int i=0;i<40;i++)
{
  for(int j=30;j<60;j++)
  {
    fill(0,j*255/30,i*255/40);
    rect(i*10,j*10,(i+1)*10,(j+1)*10);
  }
}
for(int i=40;i<80;i++)
{
   for(int j =0;j<30;j++)
  {
    fill((i-40)*255/40,j*255/30,0);
    rect(i*10,j*10,(i+1)*10,(j+1)*10);
  }
}
for(int i=40;i<80;i++)
{
   for(int j=30;j<60;j++)
  {
    fill((i-40)*255/40,(j-30)*255/30,(j-30)*255/30);
    rect(i*10,j*10,(i+1)*10,(j+1)*10);
  }
}

把老師教的幾個圖片技巧做在一起


size(800,800);
for(int i=0;i<80;i++)
{
  for(int k=0;k<80;k++)
  {
    fill(0,0,i*255/40);
    ellipse(i*20,k*20,20,20);
    fill(i*255/40,k*255/40,0);
    rect(i*10,k*10,5,5);
  }
}
for(int n=0;n<2000;n++)
{
  fill(random(255),random(255),random(255));
  ellipse(random(800),random(800),random(10),random(10));
}

多方的嘗試了一下 不過不知道怎麼弄才會好看

week02,HW02

HW2-1
1.調整尺寸
2.填滿顏色
3.畫出50個正方形

size(600,600);
for(int i=0;i<50){ 

fill(random(255),random(255),random(255),random(125));
rect(random(500),random(500),random(500),random(500));
}

HW2-2

1.貼出類似磁磚效果

2.漸層效果

size(400,400); for(int a=0;a<40;a++){ for(int k=0;k<40;k++){ fill(0,a*255/40,k*255/30,100); ellipse(a*20, k*20, 20, 20); fill(a*255/40,0,k*255/30,100); rect(a*10, k*10, 10, 10); } }

HW2-3

1.畫眼睛

size(400,300);

for(int a=0;a<4;a++){

  for(int k=0;k<3;k++){

    fill(0,a*255/4,k*255/3,100);

    ellipse(a*100+50, k*100+50, 100, 100);

    

    fill(0,a*255/4,k*255/3,255);

    ellipse(a*100+50, k*100+50, 100, 40);

    

    fill(255,255,255,255);

    ellipse(a*100+50, k*100+50, 80, 60);

    

     fill(0,0,0,255);

    ellipse(a*100+50, k*100+50, 50, 30);

    

  }

}

心得:

程式碼的語法都非常淺顯易懂，只是自己還是需要在邏輯方面上的加強，要不然很難使用。

Week02,HW02

作業一

size(600,600); //視窗大小

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

  fill(random(255), random(255), random(255), random(255)); //fill顏色， randow為亂數

  rect(random(500), random(500),random(300), random(300) ); //rect四邊形

}

多維度色彩及隨機四邊形

作業二

size(800,600);

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

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

    for(int k=0;k<40;k++){

      fill(i*255/10,j*255/10,k*255/10);

      ellipse(i*30,k*30,  50,50);

    }

  }

}

彩色魚鱗

作業三

size(400,300);

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

  for(int k=0;k<3;k++){

    fill(i*255/2,k*255/3,50);

    ellipse(i*100+50,k*100+50,  100,100);

    fill(255,255,255);

    ellipse(i*100+50,k*100+50,  20,50);

    fill(0,0,0);

    ellipse(i*100+50,k*100+50,  10,10);

  }

}

噁矮 妖怪眼睛

作業四
經由同學的口述了解課程內容才加入此課程，
由不同的方式設計並繪圖，
我會再上網查查Proccessing的相關資料已跟上進度。

真是有趣的課程 : )

week02,HW02

1.
(1)processing
size(600,600);
for (int i=0;i<50;i++){
fill(random(255),random(255),random(255));
rect(random(250),random(250),random(150),random(150));
}


(2)pic

2.
(1)processing



size(700,500);
for (int i=0;i<70;i++){
for(int j=0;j<50;j++){
fill(i*155/50,j*300/20,100);
rect(i*20,j*50,20,20);

}
}

(2).pic

3.

(1)processing

size(500,300);

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

  for(int k=0;k<3;k++){

    fill(i*300/6,k*255/2,60);

    ellipse(i*100+50,k*100+50,  100,100);

    fill(i*255/10,k*200/2,5);

    ellipse(i*100+50,k*100+50,  10,10);

  }

}

(2).pic

4.心得
原來顏色與形狀的不同
可以產生這麼多的變化

Week2,HW02

1.迴圈長方體

2.彩色馬賽克

3.圓形迴圈

課堂心得:

　　除了學會圓形、正方形的打法，還會利用for迴圈做更多變化。

 



size(600,600);
for (int i=0;i<50;i++){
fill(random(255),random(255),random(255));
rect(random(250),random(250),random(150),random(150));
}




size(400,300);
for(int i=0;i<40;i++){
  for(int k=0;k<30;k++){
    fill(i*255/30,k*255/-20,50);
    ellipse(i*10,k*40,-10,60);
     rect(i*10,k*10,  10,10);
  }
}

size(400,300);
for(int i=0;i<4;i++){
  for(int k=0;k<3;k++){
    fill(i*255/4,k*255/3,60);
    ellipse(i*100+50,k*100+50,  100,100);
    fill(i*255/20,k*255/50,5);
    ellipse(i*100+30,k*100+50,  40,90);
  }
}

今天的上課氣氛非常好 , 上課進度也非常符合我的學習速度 , 希望老師可以一直維持這樣的上課速度這樣才能讓我完全吸收學習 , 今天的內容也非常的有趣實用 , 謝謝老師的指導 , 我會繼續認真學習

week2

作業1

size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(255),random(255),random(255),random(255));
}

作業2

size(400,300);

for(int i=0;i<40;i++)

{

  for(int x=0;x<30;x++){

    noStroke();

fill(i*220/20,x*200/20,i*200/16);

rect(i*10,x*10,10,10);

}

}

作業3

size(600,500);

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

  for(int k=0;k<5;k++){

    fill(255,255,255);

    ellipse(i*100+50,k*100+50,  100,100);

    fill(i*255/8,k*255/2,255/2);

    ellipse(i*100+50,k*100+50,  50,50);

    fill(0,0,0);

    ellipse(i*100+50,k*100+50,  10,40);

  }

}

Week2,HW02

size(600,600);
for(int i=0;i<50;i++){
 fill(random(255),random(255),random(255));
 rect(random(255),random(255),random(255),random(255));
}

size(500,500);

for(int i=0;i<50;i++){  for(int k=0;k<50;k++){   
  fill(i*320/40,k*300/40,120);
  rect(i*10,k*10,  50,30);
  }
}

size(400,300);

for(int i=0;i<4;i++)
{
  for(int k=0;k<3;k++){ 
  fill(i*128/4,k*18/5,0);
  ellipse(i*100+50,k*100+50,  100,100);
  fill(i*80/4,k*250/5,0);
  ellipse(i*100+50,k*100+50,  80,100);
  fill(i*255/4,k*255/3,0);
  ellipse(i*100+50,k*100+50,  60,100);
  fill(i*120/4,k*150/3,0);
  ellipse(i*100+50,k*100+50,  40,100);
  fill(i*64/4,k*64/5,0);
  ellipse(i*100+50,k*100+50,  20,100);
  fill(i*128/8,k*100/10,0);
  ellipse(i*100+50,k*100+50,  0,100);
  }
}



心得感想：

今天讓我學到了很多圖案的程式碼

還學到了馬賽克的程式，以及加以變化就能變出很多圖案的程式碼，例如可以做出西瓜，眼睛之類的圓形狀物體。