2020年3月13日 星期五

Hello World_Week02

20200313 掉下來的隕石&飛上去的氣球


這個是上次上課教的小畫家



void setup()
{
  size(300,200);//設定背景大小
}
void draw()
{
  if(mousePressed)//按下滑鼠的時候
  {
    line(mouseX,mouseY, pmouseX,pmouseY);//在滑鼠之前的位置到滑鼠現在的位置之間畫線
  }
}

--------------------------------------------------------------------------------------------------------------------------

今天變成畫會往下掉的隕石(雖然不像)



int x=150,y=100;//一開始球的坐標
void setup()
{
  size(300,200);//設定背景大小
}
void draw()
{
  background(255);//背景設為白色(255),這樣就不會看到球掉下來的痕跡了
  circle(x,y, 30);//在x,y的位置畫一個大小30的球
  y+=3;//y坐標+3 讓球往下掉(加的愈多 掉的速度愈快 1sec=60frame)
  if(mousePressed)//按下滑鼠的時候
  {
    x=mouseX;//x坐標=滑鼠的x坐標
    y=mouseY;//y坐標=滑鼠的y坐標
  }
}

--------------------------------------------------------------------------------------------------------------------------

然後變成10顆會往下掉的隕石



//java的陣列宣告是[]a
int []x={0,0,0,0,0,0,0,0,0,0};//總共有10個位置放球的x坐標
int []y={0,0,0,0,0,0,0,0,0,0};//總共有10個位置放球的y坐標
int n=0;//一開始沒有球
void setup()
{
  size(300,200);//設定背景大小
}
void draw()
{
  background(255);//背景設為白色(255)
  for(int i=0;i<n;i++)
  {
    circle(x[i],y[i], 30);//在x[i],y[i]的位置畫一個大小30的球
    y[i]+=3;//y坐標+3 讓球往下掉(加的愈多 掉的速度愈快)
    if(y[i]>200-15) y[i]=200-15;//如果球的底部碰到背景的底部就停住(球的半徑是15)
  }
}
void mousePressed()
{
  x[n]=mouseX;//x坐標=滑鼠的x坐標
  y[n]=mouseY;//y坐標=滑鼠的y坐標
  n++;//多一顆球
}

--------------------------------------------------------------------------------------------------------------------------

再來是會飛的氣球



int x=200,y=200;//一開始氣球的坐標
PImage img;//使用照片img(要匯入照片只要拖曳進來就好)
void setup()
{
  size(500,500);//設定背景大小
  img=loadImage("balloon.png");//把balloon.png(照片)拿來用
}
void draw()
{
  background(255);//背景設為白色(255)
  image(img,x,y, 150,300);//照片(氣球)的長寬
  y--;//y坐標-1 讓氣球往上飛(減的愈多 飛的速度愈快)
  if(y<0) y=0;//如果氣球的頂部碰到背景的頂部就停住(背景頂部y=0)
}

--------------------------------------------------------------------------------------------------------------------------

然後變成10顆會飛的氣球



int []x={0,0,0,0,0,0,0,0,0,0};//總共有10個位置放氣球的x坐標
int []y={0,0,0,0,0,0,0,0,0,0};//總共有10個位置放氣球的y坐標
int n=0;//一開始沒有氣球
PImage img;//使用照片img(要匯入照片只要拖曳進來就好)
void setup()
{
  size(500,500);//設定背景大小
  img=loadImage("balloon.png");//把balloon.png(照片)拿來用
}
void draw()
{
  background(255);//背景設為白色(255)
  for(int i=0;i<n;i++)
  {
    image(img,x[i],y[i], 60,100);//照片(氣球)的長寬
    y[i]--;//y坐標-1 讓氣球往上飛(減的愈多 飛的速度愈快)
    if(y[i]<0) y[i]=0;//如果氣球的頂部碰到背景的頂部就停住(背景頂部y=0)
  }
}
void mousePressed()
{
  x[n]=mouseX;//x坐標=滑鼠的x坐標
  y[n]=mouseY;//y坐標=滑鼠的y坐標
  n++;//多一顆氣球
}

--------------------------------------------------------------------------------------------------------------------------

心得


我們上學期主要都是用瘋狂程設在學程式設計,這學期老師改成用processing來教我們,感覺有比上學期還要困難一點,因為有些地方不太一樣,所以可能需要時間理解,但是基本上的觀念還是差不多,用習慣之後應該會愈來愈好理解,而且能看到做出來的東西像遊戲一樣就覺得很有趣!

沒有留言:

張貼留言