PROCESSING-承上啟下

Processing -球球掉落,貓咪飛上天

1.球球掉落

1~3行:陣列宣告,讓球有地方放.💪

           int []x={0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
           int []y={0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
           int n=0;

接下來需要宣告一些函式😋

1-函式:設立顯示範圍💫

void setup()
{
  size(600,400);
}

2-函式:畫出物件💅

void draw()
{
  background(244,164,96);背景的顏色💜
  for(int i=0;i<n;i++)
  {
    circle(x[i],y[i],50);          畫一個圈(中心點的設置x,y,50是直徑的大小);
    y[i]+=2.5;                        這行是控制掉落的速度
    if(y[i]>400-25)y[i]=400-25;為了不讓球掉出屏幕外用IF判斷時候停下
  }
}

3-函式:球從哪掉落😏

void mousePressed()
{
    x[n]=mouseX;球的X值
    y[n]=mouseY;球的Y值
    n++;
  }

介紹完之後就來跑一夏吧😆😆😆

登登

2.貓咪飛上天

1~3行:陣列宣告,讓貓咪有個家.😸

           int []x={0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
           int []y={0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
           int n=0;

接下來有趣的地方來了!

我們需要加入照片

首先☝
把下載好的照片拉入Processing資料夾(或是直接拉到打程式的地方都可以)

再宣告一個變數
PImage img;

函式又來了喔👀
1-函式:設立顯示範圍和讀入照片👷

void setup()
{
  size(1000,1000);
  img=loadImage("a.jpg");再宣告的變數中指定讀入一張照片
}

2-函式:

void draw(){
  background(255);背景的顏色👾
  for(int i=0;i<n;i++)
  {
    image(img,x[i],y[i],180,120);(變數的名稱,貓咪的X值,貓咪的Y值,貓咪的寬,貓咪的長)
    y[i]--;                                       向上飛的速度🚀
    if(y[i]<0)y[i]=0;                      為了不讓貓咪飛出界需要設置停的位置🚥
  }
}

3-函式:貓貓從哪開始飛🗽

void mousePressed()
{
    x[n]=mouseX;貓的X值
    y[n]=mouseY;貓的Y值
    n++;
  }

解釋完之後就來飛瞜✈✈

喵喵

以上就是這禮拜的內容🌟
快樂👏👏