喵~圖片應用

匯入圖片 

讀進一張圖檔

• 找一張圖，然後拉入專案裡，直接拉進即可
• 
  
  
  
  
• 程式碼:
• PImage img;
• size(1049,585);///圖片大小

• img = loadImage("gods.jpg");
• image(img,0,0);

讀進多張圖檔

• 程式碼:
• PImage img;
• PImage img2;
• size(1049,585);
• img = loadImage("gods.jpg");
• img2 = loadImage("logo.jpg");
• image(img,0,0);
• image(img2,100,100);
• 
• 太大了!!
• image(img2,100,100,92,52);
• 

讓圖動起來~

• 隨鼠標移動
• 程式碼:
• PImage img;
• PImage img2;
• void setup(){///只做一次
• size(1049,585);
• img = loadImage("gods.jpg");
• img2 = loadImage("logo.jpg");
• }
• void draw(){
• image(img,0,0);
• image(img2,mouseX,mouseY,92,52);
• }
• 
• 讓鼠標在圖中心
• image(img2,mouseX-92/2,mouseY-52/2,92,52);
• 
  
  
  
• 卷軸動起來
• PImage img;
• PImage img2;
• void setup(){
• size(275,275);
• img = loadImage("long.jpg");
• img2 = loadImage("image.png");
• }
• int x=0;
• void draw(){
• if(mouseX>200) x--;
• image(img,x,0);
• image(img2,mouseX-22/2,mouseY-22/2,22,22);
• }
• 

牛頓定律(物理定律)

• 程式碼
• float x=250,y=200;
• float vx=1.0,vy=2.5;
• 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=0,vy=0;
• void setup(){
•   size(500,400);
• }
• void draw(){
•   background(255);
•   if(mousePressed) line(mouseX,mouseY,x,y);
•   ellipse(mouseX,mouseY,10,10);
•   ellipse(x,y,10,10);
•   x+=vx;
•   y+=vy;
•   if(x>500 || x<0) vx=-vx;
•   if(y>400 || y<0) vy=-vy;
• }
• void mouseReleased(){///滑鼠放開~
•   vx=x-mouseX; vy=y-mouseY;
• }
• 
• 牛頓第二運動定律
• float x=250,y=200;
• float vx=1.3,vy=-15;
• 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;
• }
•