wendy_week4

 互動技術概論 學習日誌

week3

學習目標:

(一)照片顯示

(二)遊戲長圖模擬

(三)

(一)照片顯示&運用

定義: PImage img

讀入照片: loadImage(" Demo.jpg");

練習(一):

PImage img,img2;

void setup(){

  size(640,360);

  img = loadImage("little_cute.jpg");

  img2 = loadImage("logo.png");

}

void draw(){

  image(img,0,0);

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

}

(二)遊戲長圖模擬

PImage img,img2;

void setup(){

  size(800,710);

  img = loadImage("mario.png");

  img2 = loadImage("bg1.png");

}

int x=0;

void draw(){

  if(mouseX>400)x--;

  image(img2,x,0);

  image(img, mouseX-79/2,mouseY-99/2,79,99);

}

(三)

練習(一)

float x=250, y=200;

float vx=1.0, vy=2.3;

void setup(){

  size(500,400);

}

void draw(){

  ellipse(x,y,10,10);

  x+=vx;

  y+=vy;

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

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

}

練習(二)

float x=250, y=200;

float vx=1.3, vy=-14;

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;

  

}