Week2,HW02

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

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

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

今天我第一次上課 學了些基本的程式碼 畫出了一些醜醜的圖案 希望有一天我能畫出漂亮的圖

98163021,張耀璇,HW02,week02

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

size(400,300);
for(int i=0;i<40;i++){
  for(int k=0;k<30;k++){
    triangle(i*10,k*10,i*10+10,k*10,i*10,k*10+10);
    fill(i*255/30,k*255/30,0);
    triangle(i*10,k*10,i*10,k*10+10,i*10+10,k*10);
    fill(random(255),random(255),random(255));
  }
}

size(500,400);
for(int i=0;i<4;i++){
for(int k=0;k<1;k++){
ellipse(i*110+50,k*110+50,100,100);
fill(i*255/3,k*255/4,0);
ellipse(i*110+50,k*110+50,80,20);
fill(0,0,0);
ellipse(i*110+50,k*140+50,20,20);
fill(255,255,255);
}
}

week02,hw02

2-1 學會用使用 rect方形,ellipse橢圓 ,random亂數

size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255+i),random(255+i),random(255+i),random(255+i)); //上色(R,G,B,亮度)
ellipse(random(500),random(500),random(500),random(500)); //橢圓(座標x,座標y,寬度,高度)
}

2-2 自己亂調數字


size(500,400);
background(175,115,225);
for(int i=0;i<30;i++){
  for(int k=0;k<20;k++){
    fill(i*250/10,k*250/20,1);
    rect(i*20,k*20,  5,68);
  }
}
 for(int i=0;i<40;i++){
  for(int k=0;k<100;k++){
    fill(i*255/10,k*255/10,175);
    rect(i*20,k*20,  10,10);
  }
}
for(int i=0;i<50;i++){
 for(int k=0;k<50;k++){
 fill(0,0,0,0);
 ellipse(i*10,k*10,4,4);
 }}

2-3 畫眼睛

Week02,HW02,畫圖

2.1 五十個方形

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

2.2

size(400,300);
for(int i=0;i<40;i++){
for(int j=0;j<30;j++){
  fill(random(255-i*5),random(55+j*5),random(55+i*5));
  rect(10*i,10*j,10,10);}}

2.3

size(600,600);
background(random(255),random(255),random(255));
for(int i=0;i<6;i++){
  for(int j=0;j<6;j++){
    fill(random(255),random(255),random(255));
    ellipse(i*100+50,j*100+50,100,100);
  }
}
for(int i=0;i<6;i++){
  for(int j=0;j<6;j++){
    fill(255,255,255);
    ellipse(i*100+50,j*100+50,100,50);
  }
}
for(int i=0;i<6;i++){
  for(int j=0;j<6;j++){
    fill(random(255),random(255),random(255));
    ellipse(i*100+50,j*100+50,50,50);
  }
}

作業2

第一題

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

第二題

size(300,300);
float r= random(40);
float b= random(40);
float g=random(255);

for(int i=0;i<30;i++){
  for(int k=0;k<40;k++){
    fill(k*255/40,i*255/30,random(255));
    rect(i*20,k*20,  18,18);
  }
}
for(int i=0;i<30;i++){
  for(int k=0;k<40;k++){
    fill(i*255/r,k*255/b,i*255/g);
    ellipse(i*20,k*20,  18,18);
  }
}

第三題

size(400,300);
float r = random(255);
float g = random(255);
float b = random(255);
background(r,g,b);
for(int i=0;i<4;i++){
  for(int k=0;k<3;k++){
    fill(i*255/4,k*255/3,random(255));
    ellipse(i*100+50,k*100+50,  100,80);
  }
}
for(int i=0;i<4;i+=2){
  for(int k=0;k<3;k++){
    fill(i*255/4,k*255/3,0);
    ellipse(i*100+70,k*100+50,  40,20);
  }
}
for(int i=1;i<4;i+=2){
  for(int k=0;k<3;k++){
    fill(i*255/4,k*255/3,0);
    ellipse(i*100+30,k*100+50,  40,20);
  }
}
noFill();
arc(50, 150, 100, 50,PI+QUARTER_PI, TWO_PI);
arc(150, 150, 100, 50,PI,1.5*PI+QUARTER_PI);
arc(250, 150, 100, 50,PI+QUARTER_PI, TWO_PI);
arc(350, 150, 100, 50,PI,1.5*PI+QUARTER_PI);

arc(50, 250, 100, 150,PI+QUARTER_PI, TWO_PI);
arc(150, 250, 100, 150,PI,1.5*PI+QUARTER_PI);
arc(250, 250, 100, 150,PI+QUARTER_PI, TWO_PI);
arc(350, 250, 100, 150,PI,1.5*PI+QUARTER_PI);

week02,hw02

1. 用random畫出50個方格 


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

2.

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

3.size(400,300);
for(int i=0;i<4;i++){
  for(int k=0;k<3;k++){
    fill(i*255/1,random(255),300);
    ellipse(i*50+100,k*50+100,  40,40);
  }
}

Week02,HW02

作業2-1  5行產生50個方塊：

程式碼↓

size(600,600);
for(int i=0; i<50; i++){
  fill(random(255),random(255),random(255));
  rect(random(400),random(400),random(500),random(500));//random是亂數,rect是四邊形
}

作業2-2  漸層：

程式碼↓

size(800,600);
for(int i=0;i<40;i++){
   for(int j=0;j<20;j++){
     for(int k=0;k<40;k++){
        fill(i*255/50,j*255/10,k*255/10);
        quad(i*38, k*31, 86, 20, 69, 63, 30, 90);
      }
   }
}

作業2-3  很多大眼睛：

程式碼↓

size(800,600);
background(250,100,0);
noStroke();
for(int i=0;i<4;i++){
    for(int j=0;j<3;j++){
      fill(i*255/5,j*255/4,10);
      ellipse(i*200+100, j*200+100, 200, 200);
      fill(i*255/4,j*255/3,10);
      ellipse(i*200+100, j*200+100, 200, 100);
      fill(i*255/3,j*255/2,10);
      ellipse(i*200+100, j*200+100,100,100);
     }
}

作業2-4  心得：

這週學到了用5行程式就可以產生50個方形、兩個for迴圈的用法、顏色漸層的用法。

我覺得2-2比較好玩，我用了quad的程式+不斷的改變數字產生了特別的形狀。

數值的大小，會使形狀變得密集或不密集。

week02,HW02,畫圖

1.

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

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

2.

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

3.

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

(int k=0;k<3 data-blogger-escaped-k="k" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill(255,0,0);   ellipse(i*100+50, k*100+50, 100, 100);   fill(255,120,0);   ellipse(i*100+50, k*100+50,80, 80);   fill(255,255,0);   ellipse(i*100+50, k*100+50,50,50);  } }

Week02 , HW02

作業2-1：

畫出50個不同顏色大小的正方形

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


↓變化：增加背景色，然後方塊增加透明度變化
size(600,600);
background(0);
for(int i=0;i<50;i++){
  fill(random(255),random(255),random(255),random(200));
  rect(random(500),random(500),random(500),random(500));
}



作業2-2：

畫出類似顏色漸層盤的東西

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

↓變化：規則圖案排列產生馬賽克瓷磚的效果

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

作業2-3：
畫出好多眼睛

size(600,240);
background(100,250,250);
for(int a=0;a<5;a++){
  for(int k=0;k<2;k++){
    //眼睛的最底
    fill(0,a*255/5,k*255/2);
    ellipse(a*120+60,k*120+60,120,120);
    //黑色眼瞼的部分
    fill(0,0,0);
    ellipse(a*120+60,k*120+60,120,90);
    //中間其他部分
    fill(255,255,255);
    ellipse(a*120+60,k*120+60,80,80);
    fill(0,a*255/5,k*255/2,120);
    ellipse(a*120+60,k*120+60,90,90);
    fill(64,0,128);
    ellipse(a*120+60,k*120+60,50,50);
    //黑眼珠
    fill(0,0,0);
    ellipse(a*120+60,k*120+60,30,30);
  }
}




作業2-4：
第二週上課心得

今天上課因為教室關係所以沒有辦法一個人使用一台電腦，但是跟同學一起操作很好玩，而且可以直接互相討論解決，我覺得很棒ˊˇˋ
課程方面，今天學到使用for迴圈來產生不一樣的效果，很實用，而且不會很困難:D
然而在部落格的操作方面，還不是很熟悉，所以使用起來有一點卡卡的，而且自己排版會亂跳，有點亂~

WEEK02,HW02

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

2.
size(600,600);
for(int i=0;i<40;i++){
  for(int k=0;k<30;k++){
fill(i*255/50*random(200),k*random(255),100);
rect(i*10,k*10,10,10);
  }
}

3.

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

課堂心得:
利用random隨機產生自己設定範圍內的方形
使用for迴圈讓小方格產生隨機或者漸進式的顏色變化
ellipse是圓形的指令

size(600,600);

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

  fill( random(255), random(255), random(255));

  rect(random(500),random(500),random(500),random(500));

}

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

    rect(i*10,k*10,  100,10);

  }

}

size(400,300);

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

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

    fill(i*255/6,k*255/3,1);

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

    fill(255,255,255);

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

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

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

    

  }

}

今天是我第一次上課，剛開始本以為會很難，做完課堂作業後才發現還跟得上進度，也沒有想像中的困難。

Week02,HW02

1.

size(600,600);
for(int i=0;i<50;i++){
  fill(random(750),random(600),random(505));
  rect(random(300),random(260),random(250),random(350));
}

2.


size(600,600);
for(int i=0;i<60;i++){
  for(int k=0;k<60;k++){
    fill(i*300/60,k*250/60,250);
    rect(i*10,k*10,  10,10);
  }
}

3.


size(500,300);
for(int i=0;i<5;i++){
  for(int k=0;k<3;k++){
    fill(i*200/5,k*255/3,100);
    ellipse(i*100+50,k*100+50,  100,random(100));
    fill(i*750/5,k*955/3,100);
    ellipse(i*100+50,k*100+50,  100,random(100));
    fill(i*500/5,k*600/3,100);
    ellipse(i*100+50,k*100+50,  100,random(100));

  }
}
for(int j=0;j<5;j++){
  for(int h=0;h<3;h++){
    fill(j*600/10,h*900/3,500);
    ellipse(j*100+50,h*100+50, 50,50);
  }
}

心得:
今天上課用了一點點程式就可以變出好幾個東西
只不過還要再熟悉一點才可以畫出更完整的圖

Week02, HW02

(1)用random畫出50個方格

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

rect(random(300),random(600),random(258),random(200));
}

2.pic

3.

size(600,600);

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

{

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

  {

    fill(i*255/30,random(255),200);

      rect(i*20,j*20,20,20);

  }

}

4.pic

5.

size(500,400);

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

{

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

  {

    fill(i*255/30,j*255/10,random(200));

    ellipse(i*20+10,j*20+10,20,20);

    

    fill(i*255/100,j*240/20,100);

    rect(i*20+5,j*20+5,15,15);

  }

}

6.pic

7.心得：

雖然會化兩種形狀，但排列位置上，還是不能依照我想要的去排列，還要再練習

Hw2

程式碼

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

程式碼

size(600,300);
for(int i=0;i<60;i++){
  for(int k=0;k<30;k++){
    fill(i*255/10,k*255/10,random(255));
    rect(i*10,k*10,10,10);
  }
}

for迴圈的意思是指將方格以y軸的順序逐一創造

程式碼


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

心得:目前都是學一些很簡單的繪圖方式,跟一二年級比起來,現在已經越來越
上手了,但是學的語言很多,有時候真的會產生混亂!有沒有辦法解決產生混亂
的這種問題呢??有時候寫C語言,又跳到Java又跳到OpenCv,腦筋常常會轉不過
來欸!!現在又加上processing!天哪!

Week02, HW02

(1)用random畫出50個方格

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

(random(255),random(255),random(255)); rect(random(400),random(400),random(400),random(400)); }

(2)

size(500,450);
background(100,150,255);
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 k=0;k<45 data-blogger-escaped-k="k" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/30,k*255/20,200); rect(random(i*30),random(k*30),8,8);   } }

(3)

size(500,400);

background(255,150,150);

noStroke();

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

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

    fill(i*255/6,k*255/6,250);

    ellipse(i*80+40,k*80+40,80,80);

  }

}

noStroke();

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

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

    fill(i*255/5,k*255/3,250);

    ellipse(i*80+40,k*80+40,70,70);

  }

}

noStroke();

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

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

    fill(i*255/9,k*255/4,250);

    ellipse(i*80+40,k*80+40,60,60);

  }

}

noStroke();

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

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

    fill(i*255/255,k*255/255,250);

    ellipse(i*80+40,k*80+40,50,50);

  }

}

noStroke();

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

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

    fill(i*255/2,k*255/4,250);

    ellipse(i*80+40,k*80+40,40,40);

  }

}

noStroke();

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

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

    fill(i*255/1,k*255/50,250);

    ellipse(i*80+40,k*80+40,30,30);

  }

}

noStroke();

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

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

    fill(i*255/6,k*255/7,250);

    ellipse(i*80+40,k*80+40,20,20);

  }

}

noStroke();

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

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

    fill(i*255/9,k*255/3,250);

    ellipse(i*80+40,k*80+40,10,10);

  }

}

(4)

今天學了畫出很多幾何圖形，我覺得調顏色好難喔!還沒有抓到訣竅，之後應該會越來越順手。