2025年5月22日 星期四

week14



 //week14_1 pFont

///學過了PImage PVector P...


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(String name:PFont.list()) println(name);


//week14-2

 PFont font1, font2, font3;


void setup() {

  size(300, 300);

  


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

  font2 = createFont("Microsoft JhengHei", 50); // 如果在 Mac 就用 "PingFang TC"

  font3 = createFont("Noto Sans TC", 50); // Google 出的免費字型,支援注音

  

}


void draw() {

  background(0);

  cursor(CROSS);

  

  fill(255); // 白色字

  textFont(font1);

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


  fill(#CE3030); // 紅色字

  textFont(font2);

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


  textFont(font3);

  text("5p", mouseX+20, mouseY+100);

}

因為在家裡做找不到老師所用的字型所以我修改了一下程式碼用簡易的方式呈現
///week14_3 inverse kinematics???
void setup(){
  size(400,400);
}
float[] angle=new float[5];
void draw(){
  background(255);
  translate(200,350);
  ellipse(0,0,12,12);
  pushMatrix();
  rotate(radians(angle[0]));
  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_4 inverse kinematicsP2
void setup(){
  size(400,400);
}
float[] angle=new float[5];
void draw(){
  background(255);
  translate(200,350);
  ellipse(0,0,12,12);
   pushMatrix();
  rotate(radians(angle[0]));
  rect(0,-5,50,10);
   popMatrix();
}
void mouseDragged(){
  angle[0]+=mouseX-pmouseX;
}

//week14_5_ik_inverse_kinematics_p3
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];///有6個頂點
void draw(){
  background(255);
  for(int i=0;i<2;i++){///用迴圈畫點畫字
  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_kinematics_p4
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];///有6個頂點
void draw(){
  background(255);
  for(int i=0;i<2;i++){///用迴圈畫點畫字
  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_kinematics_p6
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];///有6個頂點
void draw(){
  background(255);
  for(int i=0;i<6;i++){///用迴圈畫點畫字
  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_kinematics_p6
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];///有6個頂點
void draw(){
  background(255);
  for(int i=0;i<6;i++){///用迴圈畫點畫字
  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_kinematics_p7
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];///有6個頂點
void draw(){
  background(255);
  for(int i=0;i<6;i++){///用迴圈畫點畫字
  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(p[i+1],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的這一小段
 }

 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_9_ik_inverse_kinematics_p8
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];///有6個頂點
void draw(){
  background(255);
  for(int i=0;i<N;i++){///用迴圈畫點畫字
  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);//字往右一點點
  }
  p[N-1].x=mouseX;
  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 在乘上50
  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);
}
}







沒有留言:

張貼留言