week04 放上圖片及物理引擎

來放張圖片吧!

首先宣告img這個東西是一個image(圖片)

之後用image(圖片變數,x,y)將圖片放上去

x,y 後面再加個 #,# 可調整大小

如果要放第二張圖片基本上只需要改圖片名就可以了

但是要注意順序(此為貓先狗後)

讓圖片跑到鼠標的位置

瑪莉兄弟卷軸範例

PImage img;

PImage img2;

void setup(){

  size(996,400);

  img=loadImage("download.jpg");

  img2=loadImage("download1.jpg");

}

int x=0;

void draw(){

  if(mouseX>900)x-=20;

  image(img,x,-250,498*10,101*10);

  image(img2,mouseX-50/2,mouseY-50/2,50,50);

(應該是圖片太小了，否則畫質不會那麼差...)

先加個X軸移動可以讓它左右跑

加了Y軸移動就可以讓它上下跑

額外的if條件式讓這顆球有了碰撞物理偵測

DVD螢幕保護程式

float x=250,y=200;

float vx=2.0,vy=2.0;

PImage img;

void setup(){

  size(500,400);

  img=loadImage("dvd.png");

}

void draw(){

  clear();

  image(img,x-50,y-25,100,50);

  x+=vx;

  y+=vy;

  if(x>450||x<50)vx=-vx;

  if(y>375||y<25)vy=-vy;

}

(為什麼還沒碰到?什麼時候才會碰到?)