2025年4月24日 星期四

week10_11131301賴珮語

2025-04-24 Week10

1. 主題: 動作記錄
2. 主題: 內插 Interpolation

課堂練習1
//week10_1_postman_head_body
//頭、身體
size(560, 560);
PImage postman = loadImage("postman.png");
PImage head = loadImage("head.png");
PImage body = loadImage("body.png");
background(#FFFFF2);
image(postman, 0, 0); //基礎的郵差先生
fill(255, 0, 255, 128); //半透明的紫色
rect(0, 0, 560, 560); //蓋上去
image(head, 0, 0); //再畫頭
image(body, 0, 0); //再畫身體

課堂練習2
//week10_2_postman_head_body_push_trt_pop
//會動的頭、身體
PImage postman, head, body;
void setup(){
  size(560, 560);
  postman = loadImage("postman.png");
  head = loadImage("head.png");
  body = loadImage("body.png");
}
void draw(){
  background(#FFFFF2);
  image(postman, 0, 0); //基礎的郵差先生
  fill(255, 0, 255, 128); //半透明的紫色
  rect(0, 0, 560, 560); //蓋上去
  pushMatrix();
    translate(+236, +231); //再放回去正確的位置
    rotate(radians(mouseX));
    translate(-236, -231);//把頭的旋轉中心,放到(0, 0)
    image(head, 0, 0); //再畫頭
  popMatrix();
  image(body, 0, 0); //再畫身體
}

課堂練習3
//week10_3_postman_head_body_push_trt_pop
//頭、身體、左手臂、左手肘
PImage postman, head, body,uparm1,hand1;
void setup(){
  size(560, 560);
  postman = loadImage("postman.png");
  head = loadImage("head.png");
  body = loadImage("body.png");
  uparm1=loadImage("uparm1.png");
  hand1=loadImage("hand1.png");
}
void draw(){
  background(#FFFFF2);
  image(postman, 0, 0); //基礎的郵差先生
  fill(255, 0, 255, 128); //半透明的紫色
  rect(0, 0, 560, 560); //蓋上去

    pushMatrix(); //要畫左邊的上手臂跟手肘
     translate(+185,+261);
     //rotate(radians(mouseX));
     translate(-185,-261);
     image(uparm1,0,0); //上手臂
     pushMatrix();
       translate(+116,+265);
       rotate(radians(mouseX));
       translate(-116,-265);
       image(hand1,0,0);
     popMatrix();
   popMatrix();

  pushMatrix(); 
    translate(+236, +231); //再放回去正確的位置
    //rotate(radians(mouseX));
    translate(-236, -231);//把頭的旋轉中心,放到(0, 0)
    image(head, 0, 0); //再畫頭
  popMatrix();
  image(body, 0, 0); //再畫身體
}

課堂練習4
//week10_4_postman_head_body_uparm1_hand1_uparm2_hand2_push_trt_pop
//頭、身體、左手臂、左手肘、右手臂、右手肘
PImage postman, head, body, uparm1, hand1, uparm2, hand2;
void setup(){
  size(560, 560);
  postman = loadImage("postman.png");
  head = loadImage("head.png");
  body = loadImage("body.png");
  uparm1 = loadImage("uparm1.png");
  hand1 = loadImage("hand1.png");
  uparm2 = loadImage("uparm2.png");
  hand2 = loadImage("hand2.png");
}
void draw(){
  background(#FFFFF2);
  image(postman, 0, 0); //基礎的郵差先生(全身)
  fill(255, 0, 255, 128); //半透明的紫色
  rect(0, 0, 560, 560); //蓋上去
  
  pushMatrix();//左邊上手臂、手肘
    translate(+185, +261); //再放回去正確的位置
    //rotate(radians(mouseX));
    translate(-185, -261);
    image(uparm1, 0, 0); //再畫上手臂
    pushMatrix();
      translate(+116, +265); //放回去
      //rotate(radians(mouseX));
      translate(-116, -265);
      image(hand1, 0, 0); //畫手
    popMatrix();
  popMatrix();
  
  pushMatrix(); //要畫右邊的上手臂、手肘
    translate(+290, +262);
    //rotate(radians(mouseX));
    translate(-290, -262);
    image(uparm2, 0 ,0);
    pushMatrix();
      translate(+357, +259);
      rotate(radians(mouseX));
      translate(-357, -259);
      image(hand2, 0, 0);
    popMatrix();
  popMatrix();
  
   pushMatrix();
    translate(+236, +231); //再放回去正確的位置
    //rotate(radians(mouseX));
    translate(-236, -231);//把頭的旋轉中心,放到(0, 0)
    image(head, 0, 0); //再畫頭
  popMatrix();
  image(body, 0, 0); //再畫身體
}


課堂練習5
//week10_5_postman_many_angle_ID_mouseDragged
PImage postman, head, body,uparm1,hand1,uparm2,hand2;
float [] angle = new float[20]; //要準備20個關節的變數
int ID = 0; //現在要處理的關節ID (第幾個關節)
void mouseDragged(){
  angle[ID] += mouseX-pmouseX;
}
void keyPressed(){
  if(key=='1') ID = 1; //左臂
  if(key=='2') ID = 2; //左手
  if(key=='3') ID = 3; //右臂
  if(key=='4') ID = 4; //右手
  if(key=='5') ID = 5; //待用
  if(key=='6') ID = 6; //待用
  if(key=='0') ID = 0; //頭
}
void setup(){
  size(560, 560);
  postman = loadImage("postman.png");
  head = loadImage("head.png");
  body = loadImage("body.png");
  uparm1 = loadImage("uparm1.png");
  hand1 = loadImage("hand1.png");
  uparm2 = loadImage("uparm2.png");
  hand2 = loadImage("hand2.png");
}
void draw(){
  background(#FFFFF2);
  image(postman, 0, 0); //基礎的郵差先生(全身)
  fill(255, 0, 255, 128); //半透明的紫色
  rect(0, 0, 560, 560); //蓋上去
  
  pushMatrix();//左邊上手臂、手肘
    translate(+185, +261); //再放回去正確的位置
    rotate(radians(angle[1]));
    translate(-185, -261);
    image(uparm1, 0, 0); //再畫上手臂
    pushMatrix();
      translate(+116, +265); //放回去
      rotate(radians(angle[2]));
      translate(-116, -265);
      image(hand1, 0, 0); //畫手
    popMatrix();
  popMatrix();
  
  pushMatrix(); //要畫右邊的上手臂、手肘
    translate(+290, +262);
    rotate(radians(angle[3]));
    translate(-290, -262);
    image(uparm2, 0 ,0);
    pushMatrix();
      translate(+357, +259);
      rotate(radians(angle[4]));
      translate(-357, -259);
      image(hand2, 0, 0);
    popMatrix();
  popMatrix();
  
   pushMatrix();
    translate(+236, +231); //再放回去正確的位置
    rotate(radians(angle[0]));
    translate(-236, -231);//把頭的旋轉中心,放到(0, 0)
    image(head, 0, 0); //再畫頭
  popMatrix();
  image(body, 0, 0); //再畫身體
}

課堂練習6
結合上週week09_6_save_saveStrings_loadStrings的存檔跟讀檔功能
//week10_6_postman_many_angle_ID_saveStrings_loadStrings
PImage postman, head, body,uparm1,hand1,uparm2,hand2;
float [] angle = new float[20]; //要準備20個關節的變數
int ID = 0; //現在要處理的關節ID (第幾個關節)
void mouseDragged(){
  angle[ID] += mouseX-pmouseX;
}
void keyPressed(){
  if(key=='1') ID = 1; //左臂
  if(key=='2') ID = 2; //左手
  if(key=='3') ID = 3; //右臂
  if(key=='4') ID = 4; //右手
  if(key=='5') ID = 5; //待用
  if(key=='6') ID = 6; //待用
  if(key=='0') ID = 0; //頭
  
  if(key=='s'){ //從這裡開始
    String now=""; //要放現在全部關節的值
    for(int i=0; i<20; i++){ //利用for迴圈
      now +=angle[i]+" "; //全部塞到now裡 記得有空格
    }
    lines.add(now);
    String [] arr=new String[lines.size()];
    lines.toArray(arr);
    saveStrings("angles.txt", arr);
  }
  
  if(key=='r'){ //讀入
    if(R<lines.size()){
      float [] now=float(split(lines.get(R),' '));
      for(int i=0 ; i<20 ; i++) angle[i] =now[i];
      R=(R+1) % lines.size();
    }
  }
}
int R=0;
ArrayList<String> lines= new ArrayList<String>(); //ArrayList資料結構
String [] another;
void setup(){
  size(560, 560);
  postman = loadImage("postman.png");
  head = loadImage("head.png");
  body = loadImage("body.png");
  uparm1 = loadImage("uparm1.png");
  hand1 = loadImage("hand1.png");
  uparm2 = loadImage("uparm2.png");
  hand2 = loadImage("hand2.png");
}
void draw(){
  background(#FFFFF2);
  image(postman, 0, 0); //基礎的郵差先生(全身)
  fill(255, 0, 255, 128); //半透明的紫色
  rect(0, 0, 560, 560); //蓋上去
  
  pushMatrix();//左邊上手臂、手肘
    translate(+185, +261); //再放回去正確的位置
    rotate(radians(angle[1]));
    translate(-185, -261);
    image(uparm1, 0, 0); //再畫上手臂
    pushMatrix();
      translate(+116, +265); //放回去
      rotate(radians(angle[2]));
      translate(-116, -265);
      image(hand1, 0, 0); //畫手
    popMatrix();
  popMatrix();
  
  pushMatrix(); //要畫右邊的上手臂、手肘
    translate(+290, +262);
    rotate(radians(angle[3]));
    translate(-290, -262);
    image(uparm2, 0 ,0);
    pushMatrix();
      translate(+357, +259);
      rotate(radians(angle[4]));
      translate(-357, -259);
      image(hand2, 0, 0);
    popMatrix();
  popMatrix();
  
   pushMatrix();
    translate(+236, +231); //再放回去正確的位置
    rotate(radians(angle[0]));
    translate(-236, -231);//把頭的旋轉中心,放到(0, 0)
    image(head, 0, 0); //再畫頭
  popMatrix();
  image(body, 0, 0); //再畫身體
}





於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)