week07 - yusyuan🌓

week 07互動技術

2019_10_24

------------------------------------------------------------------------

🔺 Processing

• google搜尋Processing
• 下載 window 64bit
• 解壓縮並開啟

⧭讓白球從右下彈跳回左上

◎程式碼↓

PVector user;

PVector userV;

void setup(){

  size(400,400);

  user = new PVector(200,200);

  userV = new PVector(1,1);

}

void draw(){

  background(255);

  ellipse(user.x,user.y,100,100);

  user.add(userV);

  if(user.x>400-50) userV.x=-1;

  if(user.y>400-50) userV.y=-1;

  if(user.x<50) userV.x=+1;

  if(user.y<50) userV.y=+0;

}

⧭電流急急棒 

圖片碰到什麼顏色 框框就會顯示什麼顏色

◎程式碼↓

PImage imgMap;

void setup(){

  size(400,400); ///400x400

  imgMap=loadImage("map.png");  ///把圖片的值 放到pixels[ ]裡

  imgMap.loadPixels();

}

void draw(){

  background(imgMap);

  if(imgMap.pixels[ mouseX+mouseY*400 ]== color(237,28,36 )){

 ///mouseX+mouseY*400表示滑鼠座標對應第幾個pixel

    

    background(255,0,0);

 }

  fill(imgMap.pixels[ mouseX+mouseY*400 ]);
///表示滑鼠碰到的顏色

  rect(250,250,100,100);

}

⧭閃亮亮煙幕彈

星星會一直動

◎程式碼↓

int [] value      = new int[100];

PVector[] bullet  = new PVector[100];

PVector[] bulletV = new PVector[100];

void setup(){

  size(500,500);

  for(int i=0;i<100;i++){

   bullet [i]  = new PVector(random(500),random(500));

   bulletV[i]  = new PVector(random(4)-2,random(4)-2);

  

  }

}

void draw(){

  background(0);

  for(int i=0;i<100;i++){

   fill(255);

   bullet[i].add(bulletV[i]);

   ellipse(bullet[i].x,bullet[i].y,5,5);

   if(bullet[i].x<0){bullet[i].x=0;bulletV[i].x = random(2);}

   if(bullet[i].x>500){bullet[i].x=500;bulletV[i].x = -random(2);}

   if(bullet[i].y<0){bullet[i].y=0;bulletV[i].y=random(2);}

   if(bullet[i].y>500){bullet[i].y=500;bulletV[i].y= -random(2);}

  

   }

}