week10-1 先找一張圖片用powerpoint進行裁切頭、身體、手臂、手肘、腳
然後用全身作為底(紫色) 蓋上頭和身體
// 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); //再畫身體
week10-2 延續上一個程式碼 加上pop與trt找到頭的旋轉中心進行旋轉
// 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(+232,+200); // 再放回正確的位置
rotate(radians(mouseX));
translate(-232,-200); // 把頭的旋轉中心,放到(0,0)
image(head,0,0); //再畫頭
popMatrix();
image(body,0,0); //再畫身體
}
week10-3 用重複的方式 慢慢加上手臂和手肘
// week10_3_postman_head_body_uparm1_hand1_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(+232,+200); // 再放回正確的位置
rotate(radians(mouseX));
translate(-232,-200); // 把頭的旋轉中心,放到(0,0)
image(head,0,0); //再畫頭
popMatrix();
image(body,0,0); //再畫身體
}
week10-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(+367,+259);
rotate(radians(mouseX));
translate(-367,-259);
image(hand2,0,0);
popMatrix();
popMatrix();
pushMatrix();
translate(+232,+200); // 再放回正確的位置
rotate(radians(mouseX));
translate(-232,-200); // 把頭的旋轉中心,放到(0,0)
image(head,0,0); //再畫頭
popMatrix();
image(body,0,0); //再畫身體
}
week10-5 利用float 開出許多關節的 每個ID對應到每一個不同的關節 按下對應數字就可以來進行移動對應的關節
// 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(+367,+259);
rotate(radians(angle[4]));
translate(-367,-259);
image(hand2,0,0);
popMatrix();
popMatrix();
pushMatrix();
translate(+232,+200); // 再放回正確的位置
rotate(radians(angle[0]));
translate(-232,-200); // 把頭的旋轉中心,放到(0,0)
image(head,0,0); //再畫頭
popMatrix();
image(body,0,0); //再畫身體
}
week10-6 這邊加上上週最後教的 saveString 來存入讀取之前的動作 按下s來記錄 用r來reload
沒有留言:
張貼留言