week03_3D的圖_呂登祐

利用上周畫出手部軌跡的線條做出有3D的感覺，就是讓他有旋轉的效果。

import de.voidplus.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);

}
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; 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;
    }
  }
   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 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);

}

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; //guess ITD range

      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); 

    }

}

調色盤

要做出一個簡易的手部操作調色盤，當leapmotion裝置偵測雙手時，左手呈現橢圓形(調色盤)，右手呈現長方形棒子(調色盤)，
import de.voidplus.leapmotion.*;
LeapMotion leap;
void setup(){
  size(640, 480, P3D);
  leap = new LeapMotion(this);
}
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 leap;

void setup(){

  size(640, 480, P3D);

  leap = new LeapMotion(this);

}

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);

      }

    }

  }

}