2020年3月13日 星期五

Week02墜落的隕石&會飛的氣球

複習上週進度---小畫家

第一步 : 打開processing~~設定進行文字大小設定

把大小設成把大小設成"36"

將視窗大小設成"300*200"
滑鼠按下去 可以畫出隨意想畫的線條
Week02進階版---要讓隕石掉落(遊戲)
int []x={0,0,0,0,0,0,0,0,0,0}; 
int []y={0,0,0,0,0,0,0,0,0,0};
int n=0;
void setup()
{
  size(300,200);
}
void draw(){
  background(255);
  for(int i=0;i<n;i++){/// 利用for迴圈
  circle(x[i],y[i], 30);///改成陣列 x[i],y[i]
  y[i]+=3;
  if(y[i]>200-15) y[i]=200-15;
    }
  }
  void mousePressed(){
    x[n]=mouseX; ///第一次用mouse時 n=0 我們改的是 x[0]的這個值
    y[n]=mouseY; ///第二次按mouse時 n=1 我們改的是 x[1]的這個值
    n++;
  }

 畫一個圓圈circle 設定變數x,y 點一下會出現一顆隕石

 加入y++ 讓隕石往下掉落

加入白色的背景 成功讓隕石看起來掉落

利用陣列跟for迴圈讓球卡住
Week02進階版---做一顆會飛起來的氣球
int a;
float b;
char c;
double d;
int x=200,y=150; ///用陣列...
PImage img;///宣告一個變數
void setup(){///設定
  size(500,500);
img = loadImage("balloon.jpg");
}
void draw(){
  background(255);
///用陣列配for迴圈
  image(img,x,y,150,150);
  y--;///氣球往上跑
  if(y<0) y=0;
}

到google找一顆氣球 檔檔名設為"balloon"儲存到桌面後
拉到processing裡面 就會存放到data~~

搭配程式碼,就能讓氣球飛起來了~






沒有留言:

張貼留言