2025年5月22日 星期四

12750432

 //week14-1-PFont-createFont-textSize-text

size(300,300);

textSize(50);
text("Hello",10,50);//預設字型
PFont font = createFont("Times New Roman",50);
textFont(font);//change 字型
text("Hello",10,100);
//print(PFont.list());//print all style of 字型
for(String name : PFont.list()) println(name);

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

要改字體時,注意不是所有字體都含有中文

//week14-2-PFont-font1-font2-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);//先用2D
}
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-4-inverse-kinematics-part2
void setup(){
  size(400,400);//先用2D
}
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);//2d移動往右
      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-kinematics-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];//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-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];//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-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];//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-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];//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-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];//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(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[0];
  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;//新位置,是中心,在加50
    p[i].y = p[i-1].y + v.y;//新位置,是中心,在加50
  }
  ellipse(mouseX,mouseY,6,6);//滑鼠的點
  //line(p[4].x, p[4].y,mouseX,mouseY);
}
//week14-9-ik-inverse-kinematics-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;//本來是6點,距離50
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);//短向量
    //因為長度限制為L,所以長向量先變為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;//新位置,是中心,在加50
    p[i].y = p[i-1].y + v.y;//新位置,是中心,在加50
  }
  ellipse(mouseX,mouseY,6,6);//滑鼠的點
  //line(p[4].x, p[4].y,mouseX,mouseY);
}


沒有留言:

張貼留言