2012互動技術概論: week02

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

2012年10月30日星期二

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

2012年10月2日星期二

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

這周的感覺滿簡單的

2012年9月26日星期三

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

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

}

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.看著別人的作業跟著做一次滿簡單的。

2012年9月18日星期二

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

98160860黃麒,HW02,Week2

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*255/40,k*255/30,0);
    triangle(i*10,k*10, i*10+10, k*10, i*10, k*10+10);
    fill(i*255/90,k*255/60,i*255/20);
    triangle(i*10,k*10+10, i*10+10,k*10, i*10+10,k*10+10);
   }
 }

size(400,300);

background(255,100,0);
for(int i=0;i<40;i++){
for(int k=0;k<30;k++){
fill(255,255,255);
ellipse(i*45+20,k*45+20,45 ,40);
fill(0,0,0);
ellipse(i*45+20,k*45+20,20,40);
}
}
for(int i=0;i<40;i++){
for(int k=0;k<30;k++){
fill(255,255,20);
triangle(i*90+35,k*45+25, i*90+50,k*45+25, i*90+42.5,k*45+35);
}
}

week02 HW02

1.用random做出50個方塊

程式碼

size(500,500);

rect(250,250,40,40);
for(int i=0;i<100 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),random(255)); rect(random(500),random(500),random(500),random(500)); } save("99160095-01.jpg");

2.利用許多小框加上漸層顏色

size(500, 500);
background(0);

for (int i=0 ; i<40 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;">stroke(1); //外框 // fill(j*25,i*10,j*10); fill(1,random(255),1,random(255)); rect(i*25, j*25, 10, 40); } } save("99160095-02.jpg");

3.眼睛(血輪眼)

size(500, 500);
for(int i=0;i<4;i++){
  for(int k=0;k<5;k++){
    fill(255,255,255);
    ellipse(i*125+50,k*100+50, 100,60);
    ellipse(i*125+50,k*100+50, 100,45);
    fill(255,1,1);
    ellipse(i*125+50,k*100+50, 50,50);
    ellipse(i*125+50,k*100+50, 23,23);
    fill(1,1,1);
    ellipse(i*125+50,k*100+50, 8,8);
    ellipse(i*125+50,k*100+38, 10,10);
    ellipse(i*125+40,k*100+58, 10,10);
    ellipse(i*125+60,k*100+58, 10,10);
  }
}
save("99160095-03.jpg");

4.本周上課心得
上課第二周慢慢掌握到了processing的目的
和製圖的技巧，用了許多小方格排列製作出駭客任務的效果
把radon值設定在綠色上，讓每個方塊隨便他設定就有這種效果
另外今天我最喜歡的一項技巧是做眼睛
我立刻就小犯規的用很多很多圓形然後寫出了血輪眼
雖然真正的血輪演裡面不是小圓圈，不過個人認為感覺有到位
希望之後可以學會更多技巧

2012年9月17日星期一

week02,hw02

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

size(600,600);
//background(255,255,255);
//stroke(255,255,255);
noStroke();
for(int i=1;i<=30;i++)
for(int j=1;j<=30;j++)
{

fill(8*i,9*j,10*j,8*i);
//rect(15*(i-1),15*(j-1),30,30);
triangle(i,j,20*j,20*i,9*j,9*i);
}

size(600,600);
noStroke();
for(int m=1;m<=30;m++)
for(int n=1;n<=30;n++)
{

fill(10*m,10*n,10*n,8*m);
triangle(m,n,20*n,20*m,10*n,10*m);
fill(80*m,80*n,225);
ellipse(110*m,110*n,50,50);
fill(40*m,40*n,255,50);
ellipse(110*m,110*n,30,30);
}
心得：今天果然還是欠缺動力阿，儘管上的東西真的感覺挺好玩的說，感覺電腦圖學學好真的幫助會很大就是了。

訂閱：文章 (Atom)

2012互動技術概論

網頁

2012年10月30日星期二

week02,hw02

2012年10月2日星期二

week02,HW02

2012年9月26日星期三

week02,HW02

2012年9月18日星期二

98163021,張耀璇,HW02,week02

week02,hw02

Week02,HW02,畫圖

作業2

98160860黃麒,HW02,Week2

week02 HW02

2012年9月17日星期一

week02,hw02

作者們

搜尋此網誌

網頁

2012年10月30日 星期二

2012年10月2日 星期二

2012年9月26日 星期三

2012年9月18日 星期二

2012年9月17日 星期一

2012年10月30日星期二

2012年10月2日星期二

2012年9月26日星期三

2012年9月18日星期二

2012年9月17日星期一