2025年5月22日 星期四

12750202 week14

 作業1

//week14-1-PFont-createFont-textSize-text
size(300,300);
textSize(50);//50號字
text("Hello",50,50);//預設字型
PFont font=createFont("Times New Roman",50);
textFont(font);//換字型
text("Hello",10,100);//放下面一點點
//print(RFont.list());//列出現在所有可用的字型
//改用for迴圈 把全部的字型 分行印出來
for(String name:PFont.list()) println(name);

作業2









//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);
}
作業3
//week14-3-IK-inverse-kimematics-part1
void setup(){
  size(400,400);//先用2D
}
float []angle=new float[5]; //有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;
}
作業4









//week14-4-IK-inverse-kimematics-part2
void setup(){
  size(400,400);//先用2D
}
float []angle=new float[5]; //有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; //小心注音輸入法
}
作業5

//week14-5-IK-inverse-kimematics-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);
}
作業6
//week14-6-IK-inverse-kimematics-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);
}
作業7
//week14-7-IK-inverse-kimematics-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);
}
作業8
//week14-8-IK-inverse-kimematics-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);
}
作業9










//week14-9-IK-inverse-kimematics-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(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);
}
作業9b
//week14-9b-IK-inverse-kimematics-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; //照著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 再乘上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);
}





沒有留言:

張貼留言