2025年5月22日 星期四

week14

作業1:_PFont_createFont_textSize_text

我們想要有一個預設的字體,跟一改過的字體,但我們不知道有什麼字體,所以我們用for迴圈把全部的字體印出來,這樣就可以改變字體,但這樣只能印英文

//week14_1_PFont_createFont_textSize_text

//學過了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迴圈把所有的字型分行印出來

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



作業2:PFont_chinese_font_textFont_cursor

改成可以印中文的版本

//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  中文",X+20,mouseY-20);

  fill(#7673E8);//選你要的文字顏色

  textFont(font2);

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

  textFont(font3);

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

}



作業3:我們想要學關節,在maya裡面有看過的(比較複雜)

//week14-3_inverse_kinematics_p1

void setup(){

  size(400,400);//先用2D

}

float [] angle=new float[5]; //有五個關節

void draw(){

  background(255);

  translate(200,350);

  ellipse(0,0,12,12);

  

  pushMatrix();

    rotate(radians(angle[0]));//2D對Z軸轉

    rect(0,-5,50,10);

  popMatrix();

}

void mouseDragged(){

  angle[0]+=mouseX-pmouseX;

}



作業4:

//week14-4_inverse_kinematics_p2

void setup(){

  size(400,400);//先用2D

}

float [] angle=new float[5]; //有五個關節

void draw(){

  background(255);

  translate(200,350);

  ellipse(0,0,12,12);

  

  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;

  }



作業5:

//week14-5_ik_p3

//用簡單的線段,來解真的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<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);//滑鼠也有1小點,要控制座標移動

  line(p[0].x,p[0].y,mouseX,mouseY);

}



作業6:

//week14-6_ik_p4

//用簡單的線段,來解真的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<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);//滑鼠也有1小點,要控制座標移動

  line(p[0].x,p[0].y,mouseX,mouseY);

}



作業7:

//week14-7_ik_p5

//用簡單的線段,來解真的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);//滑鼠也有1小點,要控制座標移動

  line(p[4].x,p[4].y,mouseX,mouseY);

}



作業8:

//week14-8_ik_p6

//用簡單的線段,來解真的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);//滑鼠也有1小點,要控制座標移動

  //line(p[4].x,p[4].y,mouseX,mouseY);

}

作業9:

//week14-9_ik_p7

//用簡單的線段,來解真的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[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);//滑鼠也有1小點,要控制座標移動

  //line(p[4].x,p[4].y,mouseX,mouseY);

}


作業9b:

//week14-9b_ik_p8

//用簡單的線段,來解真的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;

    p[i].y=p[i-1].y+v.y;

  }

  ellipse(mouseX,mouseY,6,6);//滑鼠也有1小點,要控制座標移動

  //line(p[4].x,p[4].y,mouseX,mouseY);

}




沒有留言:

張貼留言