🗿Week04

1. 找到圖片,直接把圖片拉到Processing裡面就會在檔案總管裡

2. 然後讀入圖片,調整好大小,再印出來 就會有原本的圖片了!

程式碼:

PImage img;

size(800,498);///設定畫面大小

img = loadImage("image.png");///在資料夾中找圖檔

image(img,0,0);///設定圖檔的位置

 *image( img,0,0,200,200) ///圖片從0,0開始印,大小為200,200

3.用同樣的方法就可以印出更多張圖

加入mouseX,mouseY 

小圖就會跟著你的滑鼠移動

程式碼:

PImage img;

PImage img2;

void setup(){///只做一次

  size(800,498);

  img = loadImage("image.png");

  img2 = loadImage("loge.png");

}

void draw(){ 

  image(img,0,0); ///(img,調整起始印圖片的位置，控制圖片大小)

  image(img2,mouseX-289/2,mouseY-169/2, 289, 169);///讓鼠標的點在圖的中心

}

找一個長長的圖,再找一個去背圖主角

很長的圖片移動x座標

使用x--讓整個主角看起來像是往右邊移動 

程式碼:

PImage img;

PImage img2;

void setup(){

  size(800,375);

  img = loadImage("background.png");

  img2 = loadImage("mario.png");

}

int x=0;

void draw(){ 

  if(mouseX>700) x--; ///鼠標大於700，背景移動

  image(img,x,0);

  image(img2,mouseX-220/2,mouseY-169/2, 220, 169);

}

*去背小知識

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

-

球彈跳(要合乎物理定律)

程式碼:

float x=250, y=200;///為了精細，加入小數點

float vx=1.3, vy=-14;///初速為0

void setup(){

  size(500,400);

}

void draw(){

  background(255);

  ellipse(x,y,10,10);

  x+=vx; y+=vy;///牛頓第一運動定律，動者恆動

  vy+=0.98;///牛頓第二運動定律 f=ma 加速度

  if(x>500 || x<0) vx = -vx*0.85;///遇到邊界，反彈

  if(y>400 || y<0) vy = -vy*0.85;///遇到邊界，反彈

}