我出一百萬

 Week 12

開啟老師給的連結 https://openprocessing.org/sketch/911326

有一個會上下左右移動的人

1. 1.Demo First: 先看結果, 了解程式目的(可移動 sprite)。按方向鍵(左右上下), 會移動物體, 並可切換不同sprite畫面。
2. 2.loadImage() & image() for sprite: 先有程式的外框, 把sprite圖檔讀進來。先把Sketch存檔, 再將圖檔上傳到右上方(點點點)的 Files 裡。
3. 3.PImage & get(x,y,w,h): 圖片img可以利用它的get()函式來取出一小塊圖。這樣便能用 image()函式, 秀出 sprite sheet 的某個小sprite。
4. 4.Sprite Animation: 經由切換 sprite 不同時間的圖, 達到 animation的效果 a = (a+1)%4 可切換 0,1,2,3 共4張圖。它動得超快的。
5. 5.Animation in 2 fps: 經由 if(frameCount%30==0) 的方式, 讓 sprite 每秒自己動2次。
6. 6.keyPressed() for direction: 利用 keyPressed 及 keyCode 上下左右方向鍵, 來切換不同方向類的動作。
7. 7.x,y coordinate: 按鍵同時, 修改sprite的x,y座標, 達到移動的效果。

程式碼如下👇

PImage img;

void setup(){

size(500,500);

img=loadImage("img.jpg");

imageMode(CENTER);

}

int a=0, b=0, x=250, y=250;

void draw(){

background(255);

//image( img, 0,0);

image(  img.get(141*a, 211*b, 141,211), x,y);

if(frameCount%30==0) a = (a+1)%4;

}

void keyPressed(){

if(keyCode==RIGHT){ b=3; x++; }

if(keyCode==LEFT) { b=2; x--; }

if(keyCode==UP) { b=1; y--; }

if(keyCode==DOWN){ b=0; y++; }

}

👀👀👀期末作品構思👀👀👀-----123木頭人

示意圖

玩家可上下移動(鍵盤上下左右)

木頭人會不定時轉頭(可搭配音樂)

當玩家在木頭人轉頭時如果還按著鍵盤----->則死

當玩家越過紅色線------>則贏