2020年3月13日 星期五

程設Week02

打開Processing後,先把基礎的程式碼如下:
1.
void setup(){
   size(300,200);
}
void draw(){
    if(mousePressed){
        line(mouseX,mouseY,pmouseX,pmouseY);
    }
}

可以畫出你自己想要的圖.

2.
int x=150, y=100;
void setup(){
   size(300,200);
}
void draw(){
  background(255);    //背景顏色是白色
  circle(x,y, 30);   //直徑是30.半徑是15.
  y+=3;
    if(mousePressed){
       x = mouseX;  // stone x
       y = mouseY;  // stone y
    }
}



3.隕石往下掉
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;   //一開始有0個隕石
void setup(){
   size(300,200);
}
void draw(){
  background(255);
  for(int i=0; i<n; i++){
    circle(x[i],y[i], 30);
    y[i]+=3;   //1hr=60min , 1min=60sec
    if(y[i]>200-15) y[i]=200-15;
  }
}
void mousePressed(){
     x[n] = mouseX;  // stone x   //第一次按mouse時,n是0, 我們改的是x[0]的這個值
     y[n] = mouseY;  // stone y   //第二次按mouse時,n已是1.我們改的是 x[1]的這個值
     n++;
 }




4.氣球往上飄
程式碼如下.(Ps.要記得把圖檔直接拉進去程式碼裡)
若要確定圖檔有沒有進去到程式碼裡的話,可以點Ctrl+K->data去確認。
int a;
float b;
char c;
double d;
int x=200,y=200;   //TOD0: 用陣列.....
PImage img;   //宣告一個變數
void setup(){   //設定 setup
  size(500,500);
  img = loadImage("blue.jpg");
}
void draw(){
    background(255);
    //TOD0:   用陣列搭配for迴圈.
    image(img, x,y, 150,150);
    y--;   // 氣球往上跑
    if(y<0) y=0;
       //TOD0: 用陣列 配for 迴圈
}



5.多個氣球往上飄
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;

PImage img;
void setup(){
    size(500,500);
    img = loadImage("blue.jpg");
 }
void draw(){
   background(255);
   for(int i=0;i<n;i++){
   image(img,x[i],y[i],150,150);
   y[i]-=1;
   if(y[i]<0) y[i]=0;
   }
}
void mousePressed(){
       x[n]=mouseX;
       y[n]=mouseY;
       n++;
}

沒有留言:

張貼留言