2012互動技術概論: 2012-10-07

2012年10月10日星期三

Week05,HW05

1.花朵自己會轉動

[程式碼]

void setup(){

size(600,600);

}

float rrr;

void draw(){

background(255);

fill(215,220,247,(200)); stroke(255,(200)); rect(30,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(80,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(130,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(180,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(230,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(280,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(330,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(380,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(430,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(480,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(530,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(580,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(580,0,20,600);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,30,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,80,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,130,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,180,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,230,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,280,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,330,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,380,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,430,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,480,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,530,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,580,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,580,600,20);

translate(300,300);

rotate(rrr); rrr+=0.01;

fill(255,174,201);

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

{

rotate(PI/6);//random(PI*2)

ellipse(100,0,200,45);

}

fill(255,255,179,(125));

stroke(255,255,179);

ellipse(0,0,50,50);

}

1.花朵跟著滑鼠移動

[程式碼]

void setup(){

size(600,600);

}

float rrr;

void draw(){

background(255);

fill(215,220,247,(200)); stroke(255,(200)); rect(30,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(80,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(130,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(180,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(230,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(280,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(330,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(380,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(430,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(480,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(530,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(580,0,20,600);

fill(215,220,247,(200)); stroke(255,(200)); rect(580,0,20,600);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,30,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,80,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,130,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,180,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,230,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,280,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,330,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,380,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,430,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,480,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,530,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,580,600,20);

fill(185,230,240,(200)); stroke(255,(200)); rect(0,580,600,20);

translate(mouseX,mouseY);

rotate(rrr); rrr+=0.01;

fill(255,174,201);

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

{

rotate(PI/6);//random(PI*2)

ellipse(100,0,200,45);

}

fill(255,255,179,(125));

stroke(255,255,179);

ellipse(0,0,50,50);

}

3.期中作業想做什麼

小狗雷克斯誤入了繪畫世界。

牠知道回家的路線，但路途遙遠。

幸運的是，牠將在路上找到各種美味的糖果骨頭來增強體力。

另外，牠還可以使用魔法道具：

可以隨意改變景觀的三種蠟筆，還有能夠擦除繪畫的橡皮擦。

快點來展示您的聰明才智，幫助雷克斯回家吧！

2012年10月9日星期二

HW5

作業1: 會自己動
void setup(){
size(600,600);
}
int s=20;
float r=0.01;
void draw(){
background(0,128,200);
fill(255,255,255);
quad(250,200,350,200,400,500,200,500);
fill(127,127,127);
triangle(300,150,450,300,150,300);

translate(300,250);
rotate(r);
r+=0.01;
for(int i=0;i<4;i++){
      fill(255,255,255,200);
      rotate(2*PI/4);
      rect(10,0,200,40);
      line(10,20,210,20);
      line(10,10,210,10);
      line(10,30,210,30);
}
}

會轉動的風車

作業2: 會和你互動
加入 if,else條件判斷是否按下按下滑鼠
使風車於按下滑鼠時停止轉動

if(!mousePressed){
      rotate(r);
      r+=0.01;
    }
    else
    rotate(r);

作業3: 期中作品你想做什麼

製作章魚燒

玩家將滑鼠移動到烤盤上面游標會變成盛裝麵糊的容易,
點下去就可以將圓圈填滿,
麵糊會先變成淺褐色然後幾秒後便成褐色就代表已經熟了,
玩家必須馬上將滑鼠移動到章魚燒上面,
此時游標會變成叉子,
點下去後將章魚燒放置在右下角的盒子當中一個盒子必須裝滿八個章魚燒才算完整,
而當你的章魚燒在烤盤上放置太久則會燒焦，燒焦的就必須丟到左下角垃圾桶內,
這個遊戲就有時間限制跟數量限制了,
玩家必須在時間之內完成盒數章魚燒才算成功,

心得 :
看到大家的創意
很期待大家期中的作品ya

Week 5 Hw 05

5-1 我做的花花
若在void setup()裡設定背景顏色也會有很酷的效果

5-2 讓花花有互動效果
移動滑鼠背景會變色，花也會跟著動

void setup(){
//background(153,217,234,100);
size(500,500);
}
float r1=0.1;
float r2=0.1;
float r3=0.1;
void draw(){

background(153,mouseY,mouseX,100);

translate(mouseX,mouseY);
scale(0.8);
rotate(r1); r1+=0.005;
fill(255,174,201,230);
for(int i=0;i<20;i++){
rotate(PI/10);
noStroke();
ellipse(80,0,110,20);
}
fill(255,0,0,200);
noStroke();
ellipse(2,0,60,60);

translate(100,150);
scale(0.4);
rotate(r2); r2+=0.01;
fill(255,174,201,100);
for(int j=0;j<20;j++){
rotate(PI/10);
noStroke();

ellipse(80,0,110,20);
}
fill(255,242,0,100);
noStroke();
ellipse(2,0,60,60);

translate(100,200);
scale(0.4);
rotate(r2); r2+=0.01;
fill(230,100,255,100);
for(int j=0;j<20;j++){
rotate(PI/10);
noStroke();

ellipse(80,0,110,20);
}
fill(255,0,0,100);
noStroke();
ellipse(2,0,60,60);

translate(100,400);
scale(0.4);
rotate(r3); r3+=0.01;
fill(255,242,128);
for(int j=0;j<24;j++){
rotate(PI/10);
noStroke();

ellipse(80,0,110,20);
}
fill(255,242,0);
noStroke();
ellipse(2,0,60,60);
translate(100,400);
rotate(r3); r3+=0.01;
fill(255,242,128);
for(int j=0;j<24;j++){
rotate(PI/10);
noStroke();

ellipse(80,0,110,20);
}
fill(255,242,0);
noStroke();
ellipse(2,0,60,60);
}

5-3我想做甚麼(與高瑞虎三 (阿彪)一組)

跳跳繩的遊戲
用滑鼠控制左右位置
點左鍵就跳起

會越跳越快，還會加入電腦隊友，讓你手忙腳亂，富有挑戰性

99160866陳冠倫,HW04

void setup(){
size(500,400);
fill(255,0,0);
rect(0,0,50,50);
fill(0,255,0);
rect(0,50,50,50);
fill(0,0,255);
rect(0,100,50,50);
fill(255,255,255);
rect(0,150,50,50);
fill(0,0,0);
rect(450,0,50,50);
fill(0,0,0);
rect(450,50,50,50);
}
int www=5;
void draw(){
if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);
else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);
else if(mousePressed && mouseX<50 && mouseY<150) stroke(0,0,255);
else if(mousePressed && mouseX<50 && mouseY<200) stroke(0,0,255);

else if(mousePressed && mouseX>450 && mouseY<50){
strokeWeight(++www);
}
else if(mousePressed && mouseX>450 && mouseY<1000){
strokeWeight(--www);
if(www<2)www=2;
}
else if(mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}

week05,HW05

(1) 換自己旋轉 -- 我設定指針為物件，繞著中心轉動
(2) 會互動 -- 花圈會跟著滑鼠做移動

【程式碼】

void setup(){
  size(500,500);
  background(0,0,0);
}
float r=0.001;
void draw(){
  background(0,0,0);

  fill(255,255,255);
  ellipse(250,250,480,480);
  fill(0,0,0);
  ellipse(250,250,470,470);
  fill(255,255,255);
  rect(440,230,30,6);
  rect(440,250,30,6);
  rect(440,270,30,6);
  rect(470,230,6,46);
    pushMatrix(); 
          translate(250,250);
          stroke(255,255,255);
          fill(255,255,255);
          rotate(r/100);
          translate(50,250);
          ellipse(-50,-240,-20,-20);
          fill(255,255,255);
          rect(-48,-90,-4,-150);  
          fill(255,0,0);
          stroke(255,0,0);
          quad(0,-40,-10,0,-35,-10,-50,-30);
          triangle(0,-40,-50,-30,-50,-100);
          quad(-50,-30,-65,-10,-90,-0,-100,-40);
          triangle(-50,-30,-100,-40,-50,-100);
    popMatrix();
  
    pushMatrix();
       scale(0.5);
       translate(mouseX*2,mouseY*2);
       rotate(r/100);
       r++;
       for(int i=0;i<16;i++){
         stroke(0,0,0);
         rotate(PI/8);
         fill(0,random(255),random(255),80);
         ellipse(80,0,25,200);
         }
    popMatrix(); 
  }

(3) 期中小組作品 -- 與詹中豪

我們想做大家耳熟能詳的俄羅斯方塊
【第一個目標】
利用「腳」踩踏的方式控制「方塊的方向」
再利用「手」控制「方塊左右移動」或是「迅速往下」
讓遊戲能夠依照我們的期望執行
【第二個目標】
將遊戲設計為兩種類型的關卡 -- 累計分數和時間限制
(a)累計分數關卡
玩家可以不受時間限制的一直玩，直到方塊滅頂後，才遊戲結束
(b)時間限制關卡
玩家必須在限時的一分鐘內，努力累積方塊消掉的數量
消掉的數量越多，玩家的分數越高

我們會優先完成第一個目標
如果時間充足的話，我們才會進行第二個目標的設計：D

(4) 心得與感想

這次課堂上要完成的作業
我花了比較多的時間在思考這部分
可能也因為不太熟練的關係
我想要的效果沒辦法很快地做出來
程式寫起來也比前幾週上課來得慢 Q Q
我會多練習的 ˊ ˇ ˋ
然後謝謝同桌人的協助：D
讓我可以在下課前把我其中一項目標完成
對於滑鼠控制以及移動旋轉這部分也更熟悉了 ya

Week05,HW05,

5.1

void setup(){
  size(800,600);
  background(255,255,255);
  strokeWeight(2);
}

color cc;
int count;
void flower(){
  count++;
  if(count%10==0)cc=color(random(255),random(255),random(255));
  fill(cc);
  for(int i=0;i<36;i++){
    rotate( PI/18);
    ellipse(100,0,120,20);
  }
}

int k;
void draw(){
  k++;
  background(255,255,255);
  translate(400,300);
  rotate(PI/60*k);
  translate(100,0);
  flower();
}

5.2

void setup(){
  size(800,600);
  background(128,128,255);
  strokeWeight(2);
}

color cc;
int count;
void flower(){
  count++;
  if(count%20==0)cc=color(random(255),random(255),random(255));
  fill(cc);
  for(int i=0;i<36;i++){
    rotate( PI/18);
    ellipse(100,0,120,20);
  }
  fill(200,0,100);
  ellipse(0,0,70,70);
}

void clock(){
  strokeWeight(10);
  ellipse(400,300,500,500);
  line(400,300,400+cos(k/100)*200, 300+sin(k/100)*200);
  line(400,300,400+cos(k/6000)*200, 300+sin(k/6000)*200);
  line(400,300,400+cos(k/72000)*150, 300+sin(k/72000)*150); 
  strokeWeight(2);
}


float x=100,y=100;
float k=0;
void draw(){
  k++;
  background(128,128,255);
  clock();
  pushMatrix();
  translate(x,y);
  rotate(PI/120*k);
  translate(sin(k/20)*100,sin(k/10)*50);
  scale(0.5);
  flower();
  x=x*0.95 + mouseX*0.05;
  y=y*0.95 + mouseY*0.05;
  popMatrix();
  
}

5.3

以前網路上的一個小遊戲，騎單車將人撞飛，飛得越遠分數越高。
畫面會進行簡化，也可能會稍微改動規則

HW05,Week05

(1)

void setup(){

size(600,600);
}
float rrr=0.01;
void draw(){
background(133,210,248);
translate(mouseX,mouseY);
rotate(rrr);rrr+=0.01;
fill(255,0,0);
for(int i=0;i<36;i++){
    rotate( PI/5);
fill(255,0,0);
ellipse(100,10,300,50);
}
for(int i=0;i<36;i++){
    fill(random(255),random(255),random(255));
    rotate( PI/5);
    ellipse(100,50,200,100);
}

fill(105,255,0);

ellipse(0,0,200,200);
}
(2)

(3)
我們想要做類似打地鼠的小遊戲，希望後面能做的順利，首先要先把地鼠跟背景圖案先做出來才是我們現在目前的重要工作。

HW05 WEEK05

1.會自己動

void setup(){
size(600,600);
}
float rrr;
void draw(){

background(255,255,255);
translate(300,300);
fill(0,125,125);
ellipse(0,0,350,350);
fill(300,200,0);
ellipse(0,0,310,310);
fill(125,125,0);
ellipse(0,0,270,270);
fill(255,255,255);
ellipse(0,0,230,230);
fill(255,0,0);
rotate(rrr);rrr+=0.02;
for(int i=0;i<20;i++){
rotate( PI/10);
ellipse(100,0,150,30);
}

}

2.互動

void setup(){
size(600,600);
}
float rrr;
void draw(){

background(255,255,255);
if (mousePressed){
    translate(mouseX,mouseY);
    }
else{
     translate(300,300);
}
fill(0,125,125);
ellipse(0,0,350,350);
fill(300,200,0);
ellipse(0,0,310,310);
fill(125,125,0);
ellipse(0,0,270,270);
fill(255,255,255);
ellipse(0,0,230,230);
fill(255,0,0);
rotate(rrr);rrr+=0.02;
for(int i=0;i<20;i++){
    rotate( PI/10);
    ellipse(100,0,150,30);
}
    if (mousePressed) {
    stroke(255);
} else {
    stroke(0);
}

}
3.期中想做的

射擊酒瓶的遊戲!!
酒瓶要會移動~
且要增加計分&時間倒數的功能!!

99160866陳冠倫,HW05,Week05

第一個作業
void setup(){
size(600,600);
}
float rrr=0.01;
void draw(){
background(0,0,0);
translate(300,300);

rotate(mouseX);mouseX+=0.0001;

fill(random(255),random(255),random(255));
for(int i=0;i<36;i++){
rotate( PI/18);
ellipse(100,0,200,20);
}
fill(random(255),0,0);
for(int i=0;i<18;i++){
rotate(PI/9);
ellipse(100,0,180,30);
}
fill(random(255),0,0);
for(int i=0;i<18;i++){
rotate(PI/9);
ellipse(100,0,180,30);
}
fill(255,0,0);
ellipse(0,0,180,180);
fill(255,100,0);
ellipse(0,0,150,150);
fill(255,100,100);
ellipse(0,0,120,120);
fill(255,90,0);
ellipse(0,0,90,90);
fill(255,60,0);
ellipse(0,0,60,60);
fill(255,30,30);
ellipse(0,0,30,30);
}

第二個作業滑鼠可以讓圖案原地轉動

void setup(){
size(600,600);
}
float rrr=0.01;
void draw(){
background(0,0,0);
translate(300,300);

rotate(mouseX);mouseX+=0.0001;

fill(random(255),random(255),random(255));
for(int i=0;i<36;i++){
rotate( PI/18);
ellipse(100,0,200,20);
}
fill(random(255),0,0);
for(int i=0;i<18;i++){
rotate(PI/9);
ellipse(100,0,180,30);
}
fill(random(255),0,0);
for(int i=0;i<18;i++){
rotate(PI/9);
ellipse(100,0,180,30);
}
fill(255,0,0);
ellipse(0,0,180,180);
fill(255,100,0);
ellipse(0,0,150,150);
fill(255,100,100);
ellipse(0,0,120,120);
fill(255,90,0);
ellipse(0,0,90,90);
fill(255,60,0);
ellipse(0,0,60,60);
fill(255,30,30);
ellipse(0,0,30,30);
}

第三個作業
我們這組想做打地鼠基本概念和程式碼大概有想一下之後會再補上

week05,hw05

第一個作業

void setup(){
size (600,600);
}
float rr;
void draw (){

background(255,255,255);
translate(300,300);
myflower();

}

void myflower(){
rotate(rr);
rr+=0.005;
    for(int i=0;i<36;i++){
    rotate(PI/10);
    fill(255,255,0);
    ellipse(120,0,200,50);
    fill(255,0,0);
    ellipse(180,0,20,20);
}

}

黃色的花會旋轉

第二個作業

void setup(){
size (600,600);
}
float rr;
float rr2;
void draw (){
background(255,255,255);
myflower();
scale(0.5,0.5);
myflower2();

}

void myflower(){
translate(300,300);
rotate(rr);
rr+=0.005;
    for(int i=0;i<36;i++){
    rotate(PI/10);
    fill(255,255,0);
    ellipse(120,0,200,50);
    fill(255,0,0);
    ellipse(180,0,20,20);
}

}
void myflower2(){
translate(mouseX,mouseY);
rotate(rr2);
rr2+=0.05;
    for(int j=0;j<36;j++){
    rotate(PI/10);
    fill(255,0,255);
    ellipse(120,0,200,50);
    fill(255,0,0);
    ellipse(180,0,20,20);
}

}

粉紅色的小花和黃色花都會旋轉，但粉紅色的小花還會跟著滑鼠旋轉

第三個作業　期中作品構想

在電視節目上看到的遊戲，電流急急棒！在電腦遊戲或是遊戲機上也有看到，我們覺得很有趣，所以想做一個類似的遊戲。
　　我們預設一個小人想要離開山洞，隨著山洞越來越窄越不好走，一碰到山洞的牆壁就會死掉！所以他一路上需要去吃神奇的金幣，讓自己的身體縮小，可以順利逃離山洞。

晚上的時候小人走山洞，隨著山洞越來越小需要吃前面的金幣縮小身體穿過山洞。

即將到達出口，離開山洞重見天日！

Week05 , HW05

作業5-1：
畫會旋轉的東西
花可以旋轉，還可以隨滑鼠移動而改變花瓣顏色


void setup(){
  size(600,600);
  background(254,211,232);
}

float r1=0.001 , r2=0.0001;

void draw(){
  background(254,211,232);
  //花朵1
  pushMatrix();
  translate(550,550);
  rotate(r2);
  r2+=0.001;
  for(int a=0;a<14;a++){
  rotate(PI/7);
    noStroke();
    fill(0,a*20,a*20+20,50);
    ellipse(0,0,80,600);
  }
  popMatrix();
  fill(255,255,0,80);
  ellipse(550,550,150,150);
  
  //花朵2
  pushMatrix();
  translate(150,450);
  rotate(r1);
  r1+=0.001;
  for(int a=0;a<14;a++){
  rotate(PI/7);
    fill(mouseX/5+a*20 ,mouseY , mouseX/3+a*20+20);
    ellipse(0,0,30,250);
  }
  popMatrix();
  fill(255,255,0);
  ellipse(150,450,60,60);
  
  //花朵3
  pushMatrix();
  translate(300,480);
  rotate(r1);
  r1+=0.01;
  for(int a=0;a<14;a++){
  rotate(PI/7);
    fill(mouseX/5+a*20 ,mouseY , mouseX/3+a*20+20);
    ellipse(0,0,15,150);
  }
  popMatrix();
  fill(255,255,0);
  ellipse(300,480,30,30);
}

作業5-2：
畫會旋轉又能和使用者互動的東西

作業5-3：
期中作業的大鋼

雞蛋抛拋樂
將雞蛋往上拋，拋到上面一個的籃子，越拋越高分數越多~

追加要素
1.拋物造型：雞蛋、憤怒鳥、大便、秒咪等等
2.接物：籃子
3.小道具
4.關卡替換或解鎖：更換背景及背景音樂
5.視情況追加功能和不同效果等

作業5-4：
心得與問題檢討

week05,hw05

1.自己動的花

void setup(){
size(600,600);
}
float rrr=0.1;
void draw(){
background(255,255,128);
translate(300,300);
rotate(rrr);rrr+=0.01;
fill(250,133,206);
for(int i=0;i<30;i++){
rotate( PI/8);
ellipse(110,10,180,35);

}
fill(128,255,128);
ellipse(0,0,75,75);
}

2.跟自己互動

void setup(){

size(600,600);
}
float rrr=0.1;
void draw(){
background(255,255,128);
translate(mouseX,mouseY);
rotate(rrr);rrr+=0.01;
fill(250,133,206);
for(int i=0;i<30;i++){
rotate( PI/8);
ellipse(110,10,180,35);

}
fill(128,255,128);
ellipse(0,0,75,75);
}

3 期中作業初步概念(太鼓達人)

組員:蔡承芳 98160345

WEEK05,HW05

1.
void setup(){
size(600,600);
}
float r=0.01;
void draw(){
background (0,0,0);
translate(300,300);
ellipse(0,0,80,80);
rotate(r);r+=0.02;
for(int i=0;i<12;i++){
    rotate( PI/6);
      for(int x=225;x<255;x+=5){
        fill(random(x),random(x),0);
        ellipse(90,0,100,40);
      }
}
}

2.
void setup(){
size(600,600);
}
float r=0.01;
void draw(){
background (0,0,0);
translate(mouseX,mouseY);
ellipse(0,0,80,80);
rotate(r);r+=0.02;
for(int i=0;i<12;i++){
    rotate( PI/6);
      for(int x=225;x<255;x+=5){
        fill(random(x),random(x),0);
        ellipse(90,0,100,40);
      }
}
}

3.

在時間內按下對應的顏色

week5,hw5

1.

void setup(){
  size(600,600);
}
float aaa,bbb,ccc;

void draw(){
  background(213,255,149);
 
  translate(300,300);
  fill(255,174,201);
  noStroke();
  rotate(aaa+=0.05);
   for(int i=0;i<16;i++){
    rotate( PI/8);
    ellipse(100,0,200,45);
  }
  
  fill(255,255,128);
stroke(255,255,255);
ellipse(0,0,50,50);

  
  translate(300,300);
  fill(255,4,20);
  noStroke();
  rotate(ccc+=-0.01);
  for(int i=0;i<16;i++){
    rotate( PI/8);
    ellipse(10,0,200,30);
  }

    translate(300,300);
  fill(255,201,14);
  noStroke();
  rotate(bbb+=-0.1);
  for(int i=0;i<16;i++){
    rotate( PI/8);
    ellipse(50,0,200,50);
  }
}

2.

void setup(){
  size(600,600);
}
float aaa,bbb,ccc;






void draw(){
  background(213,255,149);
 if(mousePressed){
  translate(mouseX,mouseY);
  fill(255,174,201);
  noStroke();
  rotate(aaa+=0.05);
   for(int i=0;i<16;i++){
    rotate( PI/8);
    ellipse(100,0,200,45);
  }
  
  fill(255,255,128);
stroke(255,255,255);
ellipse(0,0,50,50);

  
  translate(300,300);
  fill(255,4,20);
  noStroke();
  rotate(ccc+=-0.01);
  for(int i=0;i<16;i++){
    rotate( PI/8);
    ellipse(10,0,200,30);
  }
    
    
    
    translate(300,300);
  fill(255,201,14);
  noStroke();
  rotate(bbb+=-0.1);
  for(int i=0;i<16;i++){
    rotate( PI/8);
    ellipse(50,0,200,50);
  }
  
  
 }
}

3.

我們想做擠痘痘遊戲，然後結合感應手套，就像真的用手擠痘痘一樣，做出緊張刺激好玩有趣的互動小遊戲。

98160345蔡承芳,HW05,Week5

5-1 轉動

5-2 移動

void setup(){
size(600,600);
}
float rrr=0.1;
void draw(){
background(0,0,0);
translate(mouseX,mouseY);
rotate(rrr);rrr+=0.01;
fill(255,174,201);
for(int i=0;i<30;i++){
rotate( PI/10);
ellipse(150,10,200,50);
}
fill(153,217,234);
ellipse(0,0,150,150);
}

5.3 期中作業初步概念(太鼓達人)
組員:楊子儀98160204

week05,hw05

void setup(){
size(600,600);
}
float rrr=0.01;
void draw(){
background(128,255,255);
translate(mouseX,mouseY);

rotate(rrr);rrr+=0.003;

fill(255,255,20);
for(int i=0;i<36;i++){
rotate( PI/15);
ellipse(100,0,150,20);
}
fill(50,70,0);
ellipse(0,0,180,180);

}

我想做一個遊戲是有幾種顏色可以選擇，而螢幕上會出現不同顏色的顏色字，例如出現黃色的<紅>就要押黃，黑色的<白>就要押黑，這種遊戲在綜藝節目常出現，滿容易搞混腦袋的!!在不斷出現圖的一定時間內(一秒)要選擇完畢，一開始有兩命，錯一個抵銷一命，連續對十個加一命，直到沒命為止game over，答對越多越高分。

Week05 HW05

1.
程式碼
void setup(){
background(0,0,0);
size(500,500);
}
float r1=0.5;
float r2=0.1;
void draw(){

    background(0,0,0);

    translate(180,150);
    scale(0.8);
    rotate(r1); r1+=0.05;
    fill(0,255,0);
    for(int i=0;i<24;i++){
    rotate(PI/10);
    noStroke();
    ellipse(80,0,110,20);
    }
    fill(255,0,0);
    noStroke();
    ellipse(2,0,60,60);

    translate(100,150);
    scale(0.4);
    rotate(r2); r2+=0.01;
    fill(0,0,255);
    for(int j=0;j<24;j++){
    rotate(PI/10);
    noStroke();

    ellipse(80,0,110,20);
    }
    fill(255,242,0);
    noStroke();
    ellipse(2,0,60,60);

}

圖片

2.
程式碼
void setup(){
background(0,0,0);
size(500,500);
}
float r1=0.5;
float r2=0.1;
void circle(){
    //translate(100,150);
    //scale(0.4);
    rotate(r2); r2+=0.01;
    fill(0,0,255);
    for(int j=0;j<24;j++){
    rotate(PI/10);
    noStroke();

    ellipse(80,0,110,20);
    }
    fill(255,242,0);
    noStroke();
    ellipse(2,0,60,60);
}

void draw(){

    background(0,0,0);

    translate(mouseX,mouseY);
    scale(0.8);
    rotate(r1); r1+=0.05;
    fill(255,0,0);
    for(int i=0;i<24;i++){
    rotate(PI/10);
    noStroke();
    ellipse(80,0,110,20);
    }
    fill(0,100,0);
    noStroke();
    ellipse(2,0,60,60);

    translate(100,150);
    scale(0.4);
    circle();

   translate(120,130);
    scale(0.6);
    circle();

    translate(250,160);
    scale(0.8);
    circle();

}

圖片

3.
期中作品構想

　　在電視節目上看到的遊戲，電流急急棒！在電腦遊戲或是遊戲機上也有看到，我們覺得很有趣，所以想做一個類似的遊戲。
　　我們預設一個小人想要離開山洞，隨著山洞越來越窄越不好走，一碰到山洞的牆壁就會死掉！所以他一路上需要去吃神奇的金幣，讓自己的身體縮小，可以順利逃離山洞。

第一張圖是小人在山洞時的大小，等小人吃了金幣後，身體變小(如下圖)，就可以順利通過

山洞的後段地方，重見光明。

Week05,HW05

1.

void setup()
{
  size(600,600);
}
  float r=0.01;
void draw()
{
  background(250,0,150);
  translate(300,300);
  rotate(r);
  r+=0.001;
  fill(255,255,0);
  for(int i=0;i<36;i++)
  {
    rotate( PI/6);
    ellipse(100,0,200,55);
  }
  fill(100,250,100);
  ellipse(0,0,50,50);
}

2.背景跟花瓣可以隨著滑鼠移動變色

void setup()
{
  size(600,600);
}
  float r=0.01;
void draw()
{
  background(125,mouseX*1/2,mouseY*1/3);
  translate(mouseX,mouseY);
  fill(65,0,0);
  rect(-25,0,50,300);
  rotate(r);
  r+=0.001;
  for(int i=0;i<36;i++)
  {
    fill(mouseX*1/3,mouseY*1/10,0);
    rotate( PI/6);
    ellipse(100,0,200,55);
  }
  fill(100,250,100);
  ellipse(0,0,50,50);
}

3.接蘋果不能接到蘑菇時間越久速度越快滑鼠左右鍵移動

Week05,HW05

void setup(){
size(600,600);
}
float rrr = 0.01;
void draw(){

background(255,255,255);
translate(mouseX,mouseY);
   rotate(rrr);rrr+=0.005;
fill(255,255,0);
for(int i=0;i<18;i++){
    rotate( PI/9);
    ellipse(120,0,50,50);

}
fill(255,147,38);
ellipse(0,0,200,200);
fill(0,0,0);
ellipse(40,20,50,50);
   fill(0,0,0);
ellipse(-50,20,50,50);
fill(255,0,0);
ellipse(0,-50,100,50);
fill(128,64,0);
ellipse(-50,20,30,30);
fill(128,64,0);
ellipse(40,20,30,30);
}

組員：傅建國、范振湟
主題：彈跳人
概述：以自製的一個按鍵，使遊戲中人物一層層向上彈跳。
範例圖：

訂閱：文章 (Atom)