2025年5月22日 星期四

Week14

 //week14_1_PFont_createFont_textSize_text

//PImage PVector

size(300,300);

textSize(50);

text("Hello",10,50);//預設自行

PFont font = createFont("Times New Roman",50);

textFont(font);//換自型

text("Hello",10,100);

//print(PFont.list());//列出現在所有可用自行

//改用for 回全印出所有字型

for(String name: PFont.list()) println(name);





//week14_2_PFont_chinese_font_textFont_cursor

PFont font1,font2,font3;

void setup(){

    size(300,300);

    font1=createFont("Times New Roman Bold Italic",50);

    font2=createFont("微軟正黑體 Bold",50);

    font3=createFont("elffont-rock.otf",50);

}

void draw(){

    background(0);//黑底

    cursor(CROSS);

    fill(255);//預設白色填充色

    textFont(font1);

    text("Hello 中文",mouseX+20,mouseY-20);

    fill(#FF8E8E);

    textFont(font2);

    text("Hello 中文",mouseX+20,mouseY+50);

    textFont(font3);

    text("ㄅㄆㄇ",mouseX+20,mouseY+100);

}

//week14_3_IK_inverse_kinematics_part1
void setup(){
 size(400,400); 
}
float [] angle =new float[5];
void draw(){
   background(255);
   translate(200,350);
   ellipse(0,0,12,12);//(0,0) 放元
   
   pushMatrix();
     rotate(radians(angle[0]));//2D對Z軸轉
     rect(0,-5,50,10);
   popMatrix();
}
void mouseDragged(){
   angle[0]+=mouseX-pmouseX; 
}


//week14_3_IK_inverse_kinematics_part2
void setup(){
 size(400,400); 
}
float [] angle =new float[5];
void draw(){
   background(255);
   translate(200,350);
   ellipse(0,0,12,12);//(0,0) 放元
   
   pushMatrix();
     rotate(radians(angle[0]));//2D對Z軸轉
     rect(0,-5,50,10);
     pushMatrix();
       translate(50,0);//往右
       rotate(radians(angle[1]));
       rect(0,-5,50,10);       
     popMatrix();
   popMatrix();
}
void mouseDragged(){
   angle[ID]+=mouseX-pmouseX; 
}
int ID=0;
void keyPressed(){
   if(key=='0') ID=0;
   if(key=='1') ID=1;
}
//week14_5_ik_inverse_inematics_part3
//用簡單的線段來解ID運算
void setup(){
   size(400,400); 
   for (int i=0;i<2;i++){//把頂點從下到上放好
      p[i]=new PVector(200,350-50*i); 
   }
}
PVector [] p=new PVector[6];//有六個頂點
void draw(){
   background(255); 
   for(int i=0; i<2 ;i++){//用迴圈畫點AND字
      if(i>0) line(p[i-1].x,p[i-1].y,p[i].x,p[i].y);//前一個頂點與現在頂點連起來
      fill(255,0,0);//紅色圓圈
      ellipse(p[i].x,p[i].y,8,8); 
      fill(0);//黑色的字
      text("p:"+i,p[i].x+10,p[i].y);
  }
  ellipse(mouseX,mouseY,6,6);//滑鼠也有一個小點 要控制座標移動
  line(p[0].x,p[0].y,mouseX,mouseY);
}


//week14_6_ik_inverse_inematics_part4
//用簡單的線段來解ID運算
void setup(){
   size(400,400); 
   for (int i=0;i<2;i++){//把頂點從下到上放好
      p[i]=new PVector(200,350-50*i); 
   }
}
PVector [] p=new PVector[6];//有六個頂點
void draw(){
   background(255); 
   for(int i=0; i<2 ;i++){//用迴圈畫點AND字
      if(i>0) line(p[i-1].x,p[i-1].y,p[i].x,p[i].y);//前一個頂點與現在頂點連起來
      fill(255,0,0);//紅色圓圈
      ellipse(p[i].x,p[i].y,8,8); 
      fill(0);//黑色的字
      text("p:"+i,p[i].x+10,p[i].y);
  }
  PVector now = new PVector(mouseX,mouseY);//現在位置
  PVector v=PVector.sub(now,p[0]).normalize().mult(50);//短向量
  //因為長度限制為50所以長向量 先長變成1 再乘上50
  p[1].x=p[0].x+v.x;//新的位置 是從中心加上長度50的這小段
  p[1].y=p[0].y+v.y;//新的位置 是從中心加上長度50的這小段
  ellipse(mouseX,mouseY,6,6);//滑鼠也有一個小點 要控制座標移動
  line(p[0].x,p[0].y,mouseX,mouseY);
}

//week14_7_ik_inverse_inematics_part5
//用簡單的線段來解ID運算
void setup(){
   size(400,400); 
   for (int i=0;i<6;i++){//把頂點從下到上放好
      p[i]=new PVector(200,350-50*i); 
   }
}
PVector [] p=new PVector[6];//有六個頂點
void draw(){
   background(255); 
   for(int i=0; i<6 ;i++){//用迴圈畫點AND字
      if(i>0) line(p[i-1].x,p[i-1].y,p[i].x,p[i].y);//前一個頂點與現在頂點連起來
      fill(255,0,0);//紅色圓圈
      ellipse(p[i].x,p[i].y,8,8); 
      fill(0);//黑色的字
      text("p:"+i,p[i].x+10,p[i].y);
  }
  PVector now = new PVector(mouseX,mouseY);//現在位置
  PVector v=PVector.sub(now,p[4]).normalize().mult(50);//短向量
  //因為長度限制為50所以長向量 先長變成1 再乘上50
  p[5].x=p[4].x+v.x;//新的位置 是從中心加上長度50的這小段
  p[5].y=p[4].y+v.y;//新的位置 是從中心加上長度50的這小段
  ellipse(mouseX,mouseY,6,6);//滑鼠也有一個小點 要控制座標移動
  line(p[4].x,p[4].y,mouseX,mouseY);
}
//week14_8_ik_inverse_inematics_part6
//用簡單的線段來解ID運算
void setup(){
   size(400,400); 
   for (int i=0;i<6;i++){//把頂點從下到上放好
      p[i]=new PVector(200,350-50*i); 
   }
}
PVector [] p=new PVector[6];//有六個頂點
void draw(){
   background(255); 
   for(int i=0; i<6 ;i++){//用迴圈畫點AND字
      if(i>0) line(p[i-1].x,p[i-1].y,p[i].x,p[i].y);//前一個頂點與現在頂點連起來
      fill(255,0,0);//紅色圓圈
      ellipse(p[i].x,p[i].y,8,8); 
      fill(0);//黑色的字
      text("p:"+i,p[i].x+10,p[i].y);
  }
  PVector now = new PVector(mouseX,mouseY);//現在位置
  for(int i=5;i>0;i--){ 
    PVector v=PVector.sub(now,p[i]).normalize().mult(50);//短向量
    //因為長度限制為50所以長向量 先長變成1 再乘上50
    p[i].x=now.x-v.x;//新的位置 是從中心加上長度50的這小段
    p[i].y=now.y-v.y;//新的位置 是從中心加上長度50的這小段
    now=p[i];
  }
  ellipse(mouseX,mouseY,6,6);//滑鼠也有一個小點 要控制座標移動
  //line(p[4].x,p[4].y,mouseX,mouseY);
}
//week14_9_ik_inverse_inematics_part7
//用簡單的線段來解ID運算
void setup(){
   size(400,400); 
   for (int i=0;i<6;i++){//把頂點從下到上放好
      p[i]=new PVector(200,350-50*i); 
   }
}
PVector [] p=new PVector[6];//有六個頂點
void draw(){
   background(255); 
   for(int i=0; i<6 ;i++){//用迴圈畫點AND字
      if(i>0) line(p[i-1].x,p[i-1].y,p[i].x,p[i].y);//前一個頂點與現在頂點連起來
      fill(255,0,0);//紅色圓圈
      ellipse(p[i].x,p[i].y,8,8); 
      fill(0);//黑色的字
      text("p:"+i,p[i].x+10,p[i].y);
  }
  PVector now = new PVector(mouseX,mouseY);//現在位置
  p[5].x=now.x;
  p[5].y=now.y;
  for(int i=4;i>0;i--){ 
    PVector v=PVector.sub(now,p[i]).normalize().mult(50);//短向量
    //因為長度限制為50所以長向量 先長變成1 再乘上50
    p[i].x=p[i+1].x-v.x;//新的位置 是從中心加上長度50的這小段
    p[i].y=p[i+1].y-v.y;//新的位置 是從中心加上長度50的這小段
    now=p[i];
  }
  for(int i=1;i<5;i++){
      PVector v= PVector.sub(p[i],p[i-1]).normalize().mult(50);
      p[i].x=p[i-1].x+v.x;
      p[i].y=p[i-1].y+v.y;
  }
  ellipse(mouseX,mouseY,6,6);//滑鼠也有一個小點 要控制座標移動
  //line(p[4].x,p[4].y,mouseX,mouseY);
}
//week14_9b_ik_inverse_inematics_part8
//用簡單的線段來解ID運算
void setup(){
   size(400,400); 
   for (int i=0;i<N;i++){//把頂點從下到上放好
      p[i]=new PVector(200,350-L*i); 
   }
}
int N=20,L=300/N;
PVector [] p=new PVector[N];
void draw(){
   background(255); 
   for(int i=0; i<N ;i++){//用迴圈畫點AND字
      if(i>0) line(p[i-1].x,p[i-1].y,p[i].x,p[i].y);//前一個頂點與現在頂點連起來
      fill(255,0,0);//紅色圓圈
      ellipse(p[i].x,p[i].y,8,8); 
      fill(0);//黑色的字
      text("p:"+i,p[i].x+10,p[i].y);
  }
  //PVector now = new PVector(mouseX,mouseY);//現在位置
  p[N-1].x=mouseX;//照著mouse位置把最後的點移過去
  p[N-1].y=mouseY;
  for(int i=N-2;i>0;i--){ 
    PVector v=PVector.sub(p[i+1],p[i]).normalize().mult(L);//短向量
    //因為長度限制為50所以長向量 先長變成1 再乘上L
    p[i].x=p[i+1].x-v.x;//新的位置 是從中心加上長度50的這小段
    p[i].y=p[i+1].y-v.y;//新的位置 是從中心加上長度50的這小段
 
  }
  for(int i=1;i<N;i++){
      PVector v= PVector.sub(p[i],p[i-1]).normalize().mult(L);
      p[i].x=p[i-1].x+v.x;
      p[i].y=p[i-1].y+v.y;
  }
  ellipse(mouseX,mouseY,6,6);//滑鼠也有一個小點 要控制座標移動
  //line(p[4].x,p[4].y,mouseX,mouseY);
}






















沒有留言:

張貼留言