田園 計圖筆記 Week09

Bump Mapping
連到這個網站
https://www.openprocessing.org/sketch/249457 sketch可以做出凹凸不平感

1.下載 processing-3.3.6-windows64.zip並解壓縮
執行processing.exe

 2.把找到的圖檔放進資料夾內 並打上程式碼
PImage img=loadImage("Morty.png");//processing image loading
size(600,1300);//寬 長
image(img,0,0,600,1300);//show the image img

 3.執行後就跑出來了!Sausage Morty

4.作鍵盤操作
程式碼
PImage imgMorty ,imgBrick;
void setup(){
  size(800,600);//windows width and length
  imgMorty=loadImage("Morty.png");
  imgBrick=loadImage("brick.png");
}
float mortyX=200,mortyY=100,mortyVY=0,mortyVX=0;
boolean mortyOnFloor=false;
boolean mortynotOnEdge=true;
void draw(){
  background(255);
  for(int x=0;x<18;x++) image(imgBrick,x*50,500,50,100);
  image(imgMorty,mortyX,mortyY,60,130);
  mortyY +=mortyVY; mortyX+=mortyVX;
  mortyVY += 0.98;
  if(mortyY>=500-130){mortyY=500-130;mortyVY=0;mortyOnFloor=true;}
  if(mortyX>=800-60){mortyX=800-60;mortyVX=0;mortyOnEdge=false;}
  if(mortyX<=0){mortyX=0;mortyVX=0;mortyOnEdge=false;}
}
void keyPressed(){
  if(keyCode==UP && mortyOnFloor) mortyVY=-15;mortyOnFloor=false;
  if(keyCode==RIGHT && !mortynotOnEdge) mortyVX=5;mortynotOnEdge=false;
  if(keyCode==LEFT && !mortynotOnEdge) mortyVX=-5;mortynotOnEdge=false;
}
void keyReleased(){
  if(keyCode==UP) mortyVY=0;
  if(keyCode==RIGHT) mortyVX=0;
  if(keyCode==LEFT) mortyVX=0;
}

執行後就可以看到
左右上控制，我還有設定移動的物體只能到邊界。