James的圖學筆記week9

Part1. bump mapping :凹凸貼圖

步驟1. 去 http://www.openprocessing.org/sketch/249457 觀摩別人的程式碼
步驟2. moodle下載processing 3壓縮檔，執行processing.exe

步驟3. 貼上程式碼

PImage img=loadImage("dororo-147.jpg");//請先將圖片拖進exe檔

size(2560,1600);

image(img,0,0,551,551);

//fill(#51C3FA);//填色

//rect(0,0,300,300)//參數分別為起始X,起始Y,圖形長,圖形寬

步驟4.加入滑鼠控制

PImage img;

void setup()

{

img=loadImage("dororo-147.jpg");

size(2560,1600);

}

void draw()

{

image(img,mouseX,mouseY,551,551);

}

進階(小遊戲)

PImage imgdororo, imgground, imgbackground;

void setup()

{

  imgdororo=loadImage("dororo-003.png");

  imgground=loadImage("ground.jpg");

  imgbackground=loadImage("IMG_7805-3.jpg");

  size(1280, 800);

}

int w=197, h=267;

float imgX=0, imgY=0, GV=0;

int v=30, jump=300, doublejump=0;

void draw()

{

  image(imgbackground, 0, 0);

  for (int i=0; i<20; i++)image(imgground, i*100, 700, 100, 100);

  if (imgY+h>=700)

  {

    imgY=700-h;

    doublejump=0;

    GV=0;

  }

  if (imgY<700-h)imgY+=GV;

  GV+=0.98;

  image(imgdororo, imgX, imgY, w, h);

}

void keyPressed()

{

  if (keyCode==UP||key==' ')

  {

    if (doublejump<2)

    {

      imgY-=jump;

      doublejump+=1;

      GV=0;

    }

  }

  if (keyCode==RIGHT)imgX+=v;

  if (keyCode==LEFT)imgX-=v;

}