田蜜 Week09

Bump Mapping

1.資源連結：https://www.openprocessing.org/sketch/24945  

2. moodle下載 processing-3.3.6-windows64.zip

3. 解壓縮並執行 processing.exe

4.將Bump Mapping 程式碼貼到processing.exe中
   並在random()中加入 225

5.執行

6.在同一行多加一個f

7.執行

在Processing中匯入圖片


1.將圖片拖曳到編輯器中(會出現"將一個文件添加到速寫本"的訊息)
   並加入程式碼

PImage img=loadImage("圖片檔名");
size(長,寬);
image(img,0,0,長,寬);

2.讓照片跟著滑鼠移動

PImage img;

void setup()
{
   img=loadImage("pchu.jpg");
   size(500,500);
}

void draw()
{
image(img,mouseX,mouseY);
}

馬力歐 Processing 程式碼

可用鍵盤控制!

int [][]map={{0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             { 0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {0,0,1,1,2,2,0,0,0,0,0,0,0,0},

             {0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {0,0,0,0,0,0,0,0,0,0,0,0,0,0},

             {1,1,1,1,1,1,1,1,1,1,1,1,1,1},};

PImage imgMario,imgBrick,imgBrick2;

void setup()

{

  size(800,600);

  imgMario=loadImage("mario.png");

  imgBrick=loadImage("Brick_Block.png");

  imgBrick2=loadImage("5da98730977895279f05af2eb7bd7516.png");

}

float marioX=200, marioY=100,marioVX=0,marioVY=0;

boolean marioOnFloor=false;

void draw()

{

  background(255);

  for(int x=0;x<14;x++)

  {

    for(int y=0;y<11;y++)

    {

      if(map[y][x]==1) image(imgBrick,  x*50,y*50,50,50);

      if(map[y][x]==2) image(imgBrick2, x*50,y*50,50,50);

    }

  }

  image(imgMario,marioX,marioY,100,100);

  marioY+=marioVY; marioX+=marioVX;

  marioVY+=0.98;

  if(marioY>=400){marioY=400;marioVY=0;marioOnFloor=true;}

}

void keyPressed(){

  if(keyCode==UP && marioOnFloor){marioVY=-15;marioOnFloor=false;}

  if(keyCode==RIGHT) marioVX=5;

  if(keyCode==LEFT) marioVX=-5;

}

void keyReleased(){

  if(keyCode==RIGHT || keyCode==LEFT) marioVX=0;

}