Week03 02161123 張宸瑄

今日課堂作業：

1. 先到 leapmotion.com/setup 下載軟體並安裝，然後Processing下載 LeapMotion for           Processing的library。

2. 老師教如何利用2手，來做互動的調色盤。

3. 如何將雙手已 3D 的方式呈現。

4. 期中作品題目：賽車遊戲（和何永育）。

一開始複習上周的 2D 程式碼：

import de.voidplus.leapmotion.*;//LeapMotion標頭檔
LeapMotion leap;
PVector [][] pt = new PVector[5][50];
//PVector pt1,pt2,pt3,pt4,pt5,pt6,pt7,pt8,pt9,pt10;
void setup(){
  size(640,480,P3D);
  colorMode(HSB, 100);
  for(int f=0;f<5;f++)
    for(int i=0;i<50;i++)
      pt[f][i] = new PVector(0,0,0);
  leap = new LeapMotion(this);//LeapMotion起始值

}
void draw(){
  background(0);
  //stroke(48,191,153);
  stroke(#30BF99);
  for(int f=0;f<5;f++)
    for(int i=49;i>0;i--){pt[f][i].x=pt[f][i-1].x;pt[f][i].y=pt[f][i-1].y;}
  for(Hand hand : leap.getHands()){//抓取手
    for(Finger finger : hand.getFingers()){//抓取手指
      int f=finger.getType();
      PVector now = finger.getPosition();
      pt[f][0].x = now.x;
      pt[f][0].y = now.y;
    }
  }
  for(int f=0;f<5;f++){
    stroke(f*20, 100,100);
    for(int i=1;i<10;i++)
      line(pt[f][i].x,pt[f][i].y,pt[f][i].z,pt[f][i-1].x,pt[f][i-1].y,pt[f][i-1].z);
  }
}

接著：

import de.voidplus.leapmotion.*;//LeapMotion標頭檔
LeapMotion leap;
PVector [][] pt = new PVector[5][50];

void setup(){
  size(640,480,P3D);
  colorMode(HSB, 100);
  for(int f=0;f<5;f++)
    for(int i=0;i<50;i++)
      pt[f][i] = new PVector(0,0,0);
  leap = new LeapMotion(this);//LeapMotion起始值

}
void draw(){
  background(0);
  stroke(#30BF99);
  for(int f=0;f<5;f++)
    for(int i=49;i>0;i--){pt[f][i].x=pt[f][i-1].x;pt[f][i].y=pt[f][i-1].y;pt[f][i].z=pt[f][i-1].z;}
  for(Hand hand : leap.getHands()){//抓取手
    for(Finger finger : hand.getFingers()){//抓取手指
      int f=finger.getType();
      PVector now = finger.getPosition();
      pt[f][0].x = now.x;
      pt[f][0].y = now.y;
      if(f==1) println(now);
    }
  }
  translate(width/2, height/2);
  rotateY(radians(frameCount));
  translate(-width/2, -height/2);
  for(int f=0;f<5;f++){
    stroke(f*20, 100,100);
    for(int i=1;i<10;i++)
      line(pt[f][i].x,pt[f][i].y,pt[f][i].z,pt[f][i-1].x,pt[f][i-1].y,pt[f][i-1].z);
  }

}

3D會動的程式：

import de.voidplus.leapmotion.*;//LeapMotion標頭檔
LeapMotion leap;
PVector [][] pt = new PVector[5][50];
void setup(){
  size(640,480,P3D);
  colorMode(HSB, 100);
  for(int f=0;f<5;f++)
    for(int i=0;i<50;i++)
      pt[f][i] = new PVector(0,0,0);
  leap = new LeapMotion(this);//LeapMotion起始值

}
void draw(){
  background(0);
  stroke(#30BF99);
  for(int f=0;f<5;f++)
    for(int i=49;i>0;i--){pt[f][i].x=pt[f][i-1].x;pt[f][i].y=pt[f][i-1].y;pt[f][i].z=pt[f][i-1].z;}
  for(Hand hand : leap.getHands()){//抓取手
    for(Finger finger : hand.getFingers()){//抓取手指
      int f=finger.getType();
      PVector now = finger.getPosition();
      pt[f][0].x = now.x;
      pt[f][0].y = now.y;
      pt[f][0].z = now.z*2-90;
      if(f==1) println(now);
    }
  }
  translate(width/2, height/2, 0);
  rotateY(radians(frameCount/4.0));
  translate(-width/2, -height/2, 0);
  for(int f=0;f<5;f++){
    for(int i=1;i<50;i++){
      stroke(f*20, 100,100);
      line(pt[f][i].x,pt[f][i].y,pt[f][i].z,pt[f][i-1].x,pt[f][i-1].y,pt[f][i-1].z);
    }
  }
  stroke(60, 100,100);
  for(int i=0;i<640;i+=20)
    for(int j=0;j<480;j+=20){
      noFill(); rect(i,j, 20,20);
    }

}



再來，左手橢圓，右手長方形：

import de.voidplus.leapmotion.*;//LeapMotion標頭檔
LeapMotion leap;
void setup(){
  size(640,480,P3D);
  leap = new LeapMotion(this);//LeapMotion起始值

}
void draw(){
  background(255);  
  for(Hand hand : leap.getHands()){//抓取手
      PVector pos = hand.getPosition();
      if( hand.isLeft() ){
        ellipse(pos.x, pos.y, 200,100);
      }
      else if( hand.isRight() ){
        rect(pos.x, pos.y, 10,100);
      }
  }

}



import de.voidplus.leapmotion.*;//LeapMotion標頭檔
LeapMotion leap;
void setup(){
  size(640,480,P3D);
  leap = new LeapMotion(this);//LeapMotion起始值
}
color nowColor = color(255,0,0);
PVector leftPos;
void draw(){
  background(255);
  for(Hand hand : leap.getHands()){//抓取手
      PVector pos = hand.getPosition();
      if( hand.isLeft() ){
        noFill();  ellipse(pos.x, pos.y, 200,100);
        fill(255,0,0);  ellipse(pos.x+150, pos.y, 60,50);
        fill(255,255,0);  ellipse(pos.x+120, pos.y-40, 60,50);
        fill(0,255,0);  ellipse(pos.x+90, pos.y-60, 60,50);
        fill(0,0,255);  ellipse(pos.x+30, pos.y-60, 60,50);
        fill(255,0,255);  ellipse(pos.x-20, pos.y-60, 60,50);
        leftPos = pos;
      }
      else if( hand.isRight() ){
        fill(nowColor); rect(pos.x, pos.y, 10,100);
        println(leftPos);
        println(pos);
        if(dist(pos.x, pos.y, leftPos.x+120, leftPos.y-40) <30){
          nowColor = color(255,255,0);
        }
      }
  }
}