PImage

 讀進圖片

先找個圖片，把圖片拉進去然後選sketch-->show sketch folder找

背景大圖會動，小圖也會動 ，圖跟著滑鼠

PImage img;

PImage img2;

void setup(){

size(640,598);

img = loadImage("1500206_1.jpg");

img2 = loadImage("i2.jpg");

}

void draw(){

image(img,0,0);

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

}

找一張長圖,滑鼠往右移,背景會跟著動

PImage img;

PImage img2;

void setup(){

size(1000,600);

img = loadImage("Map.png");

img2 = loadImage("m.png");

}

int x=0;

void draw(){

 if(mouseX>700) x--;

image(img,x,0);

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

}

做出憤怒鳥的程式

一開始拉一下就能射出

float x=250,y=200;

float vx=0,vy=0;//一開始速度是零

void setup(){

   size(500,400);

}

void draw(){

  background(255);

  if(mousePressed) line(mouseX,mouseY,x,y);

  ellipse(x,y,10,10);

  ellipse(mouseX,mouseY,10,10);

  x+=vx;

  y+=vy;

  if(x>500 || x<0) vx = -vx;

  if(y>400 || y<0) vy = -vy;

}

void mouseReleased(){

  vx = x-mouseX; vy = y-mouseY;

}

讓球墜落符合牛頓運動定論

float x=250,y=200;

float vx=1.3,vy=-12;

void setup(){

   size(500,400);

}

void draw(){

  //background(255);

  ellipse(x,y,10,10);

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

  vy+=0.98;

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

  if(y>400 || y<0) vy = -vy*0.85;

}