顯示具有 08160661_蔡承竹 標籤的文章。 顯示所有文章
顯示具有 08160661_蔡承竹 標籤的文章。 顯示所有文章

2020年6月18日 星期四

兩個小圓



小葉老師今天教的第一個步驟是把背景顏色和圓圈座標設定好。

這個步驟讓我們可以移動點點,並且會自己回到原點。

到這個步驟兩個圓圈就像彈簧一樣會彈來彈去的。

這是第二個小遊戲---餵魚遊戲,這個程式碼跟上一個很像,只是改了一點點東西。

2020年6月11日 星期四

小人物走動


今天小葉老師教我們怎麼做可以讓圖片裡面人物走動的程式。
第一步驟的程式如下:
PImage img;
void setup(){
   size(500,500);
   img=loadImage("img.jpg");
 
}
int a=0;
void draw(){
   background(255);
   image(img.get(141*a,0,141,211),0,0);
   if(frameCount%30==0)a=(a+1)%4;
}

第二步是讓人物可以向左向右。
PImage img;
void setup(){
   size(500,500);
   img=loadImage("img.jpg");
 
}
int a=0,b=0;
void draw(){
   background(255);
   image(img.get(141*a,211*b,141,211),0,0);
   if(frameCount%30==0)a=(a+1)%4;
}
void keyPressed(){
   if(keyCode==DOWN) b=0;
   if(keyCode==UP) b=1;
   if(keyCode==LEFT) b=2;
   if(keyCode==RIGHT) b=3;
}

2020年5月28日 星期四

angry bird的音樂


今天小葉老師教我們怎麼把音樂放進程式碼並撥放出來。
下面是撥放音樂的程式碼:
import ddf.minim.*;
Minim minim;
AudioPlayer player;
void setup(){
   minim = new Minim(this);
   player = minim. loadFile("song.mp3");
   player.play();
}
void draw(){
 
}
上面的程式要先到sketch裡面add library下載minim,程式碼才能運作。

今天老師教到怎麼放兩個音樂並且撥放,也教我們怎麼使用陣列。

2020年5月21日 星期四

angry bird2



今天上課老師帶我們複習上周的angry bird遊戲,一開始先放入圖檔。

第二部老師帶我們做可以讓憤怒鳥出現一條線。

第三步老師教我們怎麼讓憤怒鳥打到邊邊會自動彈回來,並且讓他彈跳。

2020年5月14日 星期四

angry bird


小葉老師今天教我們怎麼製作憤怒鳥的遊戲,一開始是先幫我們複習引用圖片,之後再教我們新的程式碼讓憤怒鳥可以彈出去。
以下是程式碼:
PImage imgBird, imgPig;
float birdX=200, birdY=200, oldX, oldY, vx=0, vy=0;
void setup(){
  size(400,400);
  imgBird=loadImage("bird.png");
  imgPig=loadImage("pig.gif");
  imageMode(CENTER);
}
void draw(){
  background(255);
  image(imgBird, birdX,birdY,100,100);
  birdX+=vx;
  birdY+=vy;
}
void mousePressed(){
  oldX=birdX;
  oldY=birdY;
}
void mouseDragged(){
  birdX=mouseX;
  birdY=mouseY;
}
void mouseReleased(){
  vx=(oldX-birdX)/10;
  vy=(oldY-birdY)/10;
}

2020年5月7日 星期四

泡泡排序法/圈圈


今天小葉老師一開始上課的時候先教我們了解泡泡排序法
以下是上圖的程式碼:
int []a=new int[10];//這是java宣告陣列的方式
void setup(){
  size(500,800);
  for(int i=0;i<10;i++){
    a[i]=int(random(10));
  }
  textSize(36);
  textAlign(LEFT,TOP);
  showArray(y);
}
int y=0;
void showArray(int y){
  for(int i=0;i<10;i++){
    fill(255);  rect(i*50, y, 50,50);
    fill(0);         text(a[i], i*50, y);
  }
}
void draw(){

}
void mousePressed(){
  for(int i=0; i<10-1;i++){
    if(a[i] > a[i+1]){
      int temp=a[i];
      a[i]=a[i+1];
      a[i+1]=temp;
      fill(255,0,0,128); rect(i*50, y, 100,50);
    }//   紅,綠,藍,半透明
  }
  y+=50;
  showArray(y);
}

最後一節課老師帶我們繼續做上禮拜沒做完的processing
一開始先複習怎麼把圈圈畫出來

上圖程式碼:
void setup(){
   size(300,500);
   colorMode(HSB);
}
int ansX=2, ansY=3;
int N=5;
int H=255, S=255, B=255;
void draw(){
  background(0);
  int R=300/N, w=R/2;
  for(int x=0;x<N;x++){
     for(int y=0;y<N;y++){
       if(x==ansX&&y==ansY) fill(H+10,S-35,B-45);
       else fill(H,S,B);
        ellipse(0+w+x*R, 200+w+y*R,R,R);
     }
  }
}
void mousePressed(){
   ansX =int(random(N));
   ansY =int(random(N));
   H+=16;
   if(H>255)H=0;
}
今天教了HSB的觀念,讓我們的圈可以變顏色。

2020年4月30日 星期四

彩色圈圈遊戲


小葉老師今天要教大家怎麼做一個按圈圈的遊戲
一開始小葉老師教我們怎麼用坐標軸的概念畫出四個圓圈

這個步驟是讓圓圈可以自己自動冒出來

小葉老師後來教了我們使用for迴圈讓程式碼看起來比較簡單一點
也不用打這麼多行麻煩又複雜

2020年4月23日 星期四

會動的小精靈


今天小葉老師教我們怎麼讓我們的小精靈移動和吃豆子。

這個步驟是精靈開始可以把豆子吃掉了

2020年4月16日 星期四

小精靈


今天小葉老師帶我們做小精靈的遊戲,第一步是要先做小精靈的模樣
這個步驟可以讓小精靈的嘴巴隨著滑鼠座標 開合。

第二步是讓小精靈的嘴巴可以自己自動張開

這一步是可以自己選自己喜歡的顏色,老師教了我們兩種方法,第一種是用processing的tools裡面的color selector,另一種是用小畫家裡面的編輯色彩。這一步也讓我的小精靈的嘴巴可以隨著滑鼠座標上下左右。

2020年4月9日 星期四

上下左右

今天小葉老師教我們怎麼打出可以讓圖片移動的程式

一開始是先交簡單的切換左右

再來教我們如何讓箭頭移動

在最後一節課老師教我們怎麼代入圖片然後讓他們能夠反彈、彈跳

2020年3月19日 星期四

人物移動






今天小葉老師教我們怎麼讓人物移動
程式碼看起來很複雜
一開始一直打錯,人物也一直跑不起來
但嘗試幾遍之後終於成功了
成功之後覺得很有成就感











最後老師教我們怎麼套用背景看起來很像小遊戲

2020年3月12日 星期四

小隕石



這是小葉老師教我們用processing做的隕石降落
一開始先設定畫布大小
然後設定隕石大小


第一次做出隕石降落我覺得這是一個很有趣的課程
讓我對老師給我們看的小遊戲有了多一點的認識