課堂作業1
//week11-1-postman-saveStrings-loadStrings //修改自week10-6-postman-many-angle-ID-saveString-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'){ //從這裡開始 每次按s就存一組angle String now=""; //要放現在全部的關節的 for(int i=0;i<20;i++){ //利用for迴圈 now+=angle[i]+" "; //全部塞到 now 裡 記得有空 } lines.add(now); //把現在這行 加到lines裡 String[]arr=new String[lines.size()]; lines.toArray(arr); saveStrings("angles.txt",arr); } if(key=='r'){ //replay 照著之前按s存檔的lines重播一次 if(R==0){ String[]file=loadStrings("angles.txt"); if(file!=null){ //如果有讀到檔案 for(int i=0;i<file.length;i++){//就檔案內容逐行 lines.add(file[i]); //加到lines資寮結構裡 } } } 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>(); //放移動 void setup(){ size(560,560); postman=loadImage("postman.png"); head=loadImage("head.png"); body=loadImage("body.png"); uparm1=loadImage("up left.png"); hand1=loadImage("hand1.png"); uparm2=loadImage("up right.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(118,265); rotate(radians(angle[2])); translate(-116,-265); image(hand1,0,0); popMatrix(); popMatrix(); pushMatrix(); //要畫左邊的上手臂 手肘 translate(292,263); rotate(radians(angle[3])); translate(-292,-263); image(uparm2,0,0); //上手臂 pushMatrix(); translate(354,258); rotate(radians(angle[4])); translate(-354,-258); 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); //在畫身體 }
課堂作業2
//week11-1-postman-saveStrings-loadStrings //修改自week10-6-postman-many-angle-ID-saveString-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'){ //從這裡開始 每次按s就存一組angle String now=""; //要放現在全部的關節的 for(int i=0;i<20;i++){ //利用for迴圈 now+=angle[i]+" "; //全部塞到 now 裡 記得有空 } lines.add(now); //把現在這行 加到lines裡 String[]arr=new String[lines.size()]; lines.toArray(arr); saveStrings("angles.txt",arr); } if(key=='r'){ //replay 照著之前按s存檔的lines重播一次 if(R==0){ String[]file=loadStrings("angles.txt"); if(file!=null){ //如果有讀到檔案 for(int i=0;i<file.length;i++){//就檔案內容逐行 lines.add(file[i]); //加到lines資寮結構裡 } } } 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(); } } if(key=='p'){ //按了r之後 想要內插中間的結果 int R2=(R+1)%lines.size(); float[]oldAngle=float(split(lines.get(R),' ')); float[]newAngle=float(split(lines.get(R2),' ')); float alpha=(frameCount%30)/30.0; //介於0.0~1.0中間的值 for(int i=0;i<20;i++) angle[i]=oldAngle[i]*(1-alpha)+newAngle[i]*alpha; } } int R=0; ArrayList<String> lines=new ArrayList<String>(); //放移動 void setup(){ size(560,560); postman=loadImage("postman.png"); head=loadImage("head.png"); body=loadImage("body.png"); uparm1=loadImage("up left.png"); hand1=loadImage("hand1.png"); uparm2=loadImage("up right.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(118,265); rotate(radians(angle[2])); translate(-116,-265); image(hand1,0,0); popMatrix(); popMatrix(); pushMatrix(); //要畫左邊的上手臂 手肘 translate(292,263); rotate(radians(angle[3])); translate(-292,-263); image(uparm2,0,0); //上手臂 pushMatrix(); translate(354,258); rotate(radians(angle[4])); translate(-354,-258); 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); //在畫身體 }課堂作業3課堂作業4//week11-4-postman-again //重新來一次 讓程式的架構更清楚 PImage postman,head,body,uparm1,hand1,uparm2,hand2,foot1,foot2; void setup(){ //把上面的圖 都拉近新專案裡 size(560,560,P3D); postman=loadImage("postman.png"); head=loadImage("head.png"); body=loadImage("body.png"); uparm1=loadImage("up left.png"); hand1=loadImage("hand1.png"); uparm2=loadImage("up right.png"); hand2=loadImage("hand2.png"); foot1=loadImage("foot1.png"); //增加腳 旋轉中心 220 375 foot2=loadImage("foot222.png"); //增加腳 旋轉中心 260 372 } float [] angleX=new float[10]; //在3D世界裡 我們旋轉 float [] angleY=new float[10]; int ID=0; //一開始是頭 ArrayList<String> lines=new ArrayList<String>(); void keyPressed(){ if(key=='s'){ String now=""; //空字串 for(int i=0;i<10;i++){ now+=angleX[i]+" ";//後面有空格 now+=angleY[i]+" ";//後面有空格 } lines.add(now); //把現在德動作的這行 加到lines裡 String[]arr=new String[lines.size()]; lines.toArray(arr); saveStrings("angles.txt",arr); println("現在存檔:"+now); } if(key=='r'){ String[]file=loadStrings("angle.txt"); if(file!=null){ for(int i=0;i<file.length;i++){ lines.add(file[i]); println("現在讀檔:"+file[i]); } } } if(key=='p')playing=!playing; //播動畫 <=> 不播動畫 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; //頭 } boolean playing=false; // 一開始 不撥放動畫 按下'p'可切換 void mouseDragged(){ angleX[ID]+=mouseX-pmouseX; angleY[ID]+=mouseY-pmouseY; //多了這一行 } int R=0; void myInterpolate(){ if(lines.size()>=2){ //要有2行以上 才能做內插 float alpha=(frameCount%30)/30.0; //介於0.0~1.0中間的值 if(alpha==0.0)R=(R+1)%lines.size(); int R2=(R+1)%lines.size(); float[]oldAngle=float(split(lines.get(R),' ')); float[]newAngle=float(split(lines.get(R2),' ')); for(int i=0;i<10;i++){ angleX[i]=oldAngle[i*2+0]*(1-alpha)+newAngle[i*2+0]*alpha; angleY[i]=oldAngle[i*2+1]*(1-alpha)+newAngle[i*2+1]*alpha; } } } void draw(){ background(#FFFFF2); if(playing)myInterpolate(); image(body,0,0); //先畫身體 pushMatrix(); //頭 translate(236,231); rotate(radians(angleX[0])); translate(-236,-231); image(head,0,0); popMatrix(); pushMatrix(); //foot1 translate(220,375); rotate(radians(angleX[5])); translate(-220,-375); image(foot1,0,0); popMatrix(); pushMatrix(); //foot2 translate(264,373); rotate(radians(angleX[6])); translate(-264,-373); image(foot2,0,0); popMatrix(); pushMatrix(); //要畫左邊的上手臂 手肘 translate(185,261); rotate(radians(angleX[1])); translate(-185,-261); image(uparm1,0,0); //上手臂 pushMatrix(); translate(118,265); rotate(radians(angleX[2])); translate(-116,-265); image(hand1,0,0); popMatrix(); popMatrix(); pushMatrix(); //要畫左邊的上手臂 手肘 translate(292,263); rotate(radians(angleX[3])); translate(-292,-263); image(uparm2,0,0); //上手臂 pushMatrix(); translate(354,258); rotate(radians(angleX[4])); translate(-354,-258); image(hand2,0,0); popMatrix(); popMatrix(); }
沒有留言:
張貼留言