2019年5月3日 星期五

神のノト - Week11

{\__/}
( • - •)
/ > ❤️
------------------------------------------------------------------------------------------------------------

今天課題! 

「利用上週學到的觀念 "TRT"的應用」

「做出模型的8個基本關節」

(這週only測試4個關節)



-------------------------------------------------------------------------------

執行結果如下 ↓



程式碼如下 ↓

#include <GL/glut.h> float angle=0;///NOW void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glColor3f(255,255,255);///白色的 glutSolidTeapot( 0.3 );///身體 glPushMatrix();///右邊手臂 glTranslatef(0.3, 0, 0);///(3) 掛在身體的右肩 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///右手臂 glPopMatrix(); glutSwapBuffers(); angle++;///NOW } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH ); glutCreateWindow("week11 TRT"); glutIdleFunc(display);///NOW glutDisplayFunc(display); glutMainLoop(); }

-------------------------------------------------------------------------------

執行結果如下 ↓

程式碼如下 ↓


#include <GL/glut.h> float angle=0;///NOW void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glColor3f(255,255,255);///白色的 glutSolidTeapot( 0.3 );///身體 glPushMatrix();///右邊手臂 glTranslatef(0.2, 0, 0);///(3) 掛在身體的右肩 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///右手臂


///矩陣內再用矩陣,抓到相對位置,及做到相對旋轉角度,有黏在一起的效果 glPushMatrix();///NOW2
glTranslatef(0.2, 0, 0);///(3) 掛在身體的右肘///NOW2 glRotatef(angle, 0,0,1);///(2) 旋轉///NOW2 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸///NOW2 glColor3f(1,0,0);///紅色的///NOW2 glutSolidTeapot( 0.15 );///右下手臂///NOW2 glPopMatrix();///NOW2
///矩陣內再用矩陣,抓到相對位置,及做到相對旋轉角度,有黏在一起的效果 glPopMatrix(); glutSwapBuffers(); angle++;///NOW } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH ); glutCreateWindow("week11 TRT"); glutIdleFunc(display);///NOW glutDisplayFunc(display); glutMainLoop();
}

-------------------------------------------------------------------------------

➤再來,使用上述觀念,來用滑鼠來控制角度,並做出左邊的手臂

滑鼠控制 ↓


定義個函式:
void motion(int x, int y)
{
angle = x; ///用滑鼠改變angle值
display(); ///更新圖片
}

main函式內,加入一個
glutMotionFunc(motion); /// 呼叫定義的函式


做出左邊的手臂 ↓

複製右邊手臂的程式碼,將移動的程式碼正負切換

如需要角度反方向 → 加個負號即可

執行結果 ↓


程式碼 ↓


#include <GL/glut.h> float angle=0;///NOW void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glColor3f(255,255,255);///白色的 glutSolidTeapot( 0.3 );///身體 glPushMatrix();///右邊手臂 glTranslatef(0.45, 0.05, 0);///(3) 掛在身體的右肩 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///右手臂 glPushMatrix();///NOW2 glTranslatef(0.2, 0, 0);///(3) 掛在身體的右肘///NOW2 glRotatef(angle, 0,0,1);///(2) 旋轉///NOW2 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸///NOW2 glColor3f(1,0,0);///紅色的///NOW2 glutSolidTeapot( 0.15 );///右下手臂///NOW2 glPopMatrix();///NOW2 glPopMatrix(); glPushMatrix();///左邊手臂 glTranslatef(-0.45,0.05, 0);///(3) 掛在身體的左肩 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(-0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///左手臂 glPushMatrix(); glTranslatef(-0.2, 0, 0);///(3) 掛在身體的左肘 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(-0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///左下手臂 glPopMatrix(); glPopMatrix(); glutSwapBuffers(); //angle++;///NOW } void motion(int x, int y) { angle = x; display(); } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH ); glutCreateWindow("week11 TRT"); glutIdleFunc(display);///NOW glutDisplayFunc(display); glutMotionFunc(motion); glutMainLoop(); }


-------------------------------------------------------------------------------

➤But! 現在角度是根據滑鼠點的位置,

決定"現在的角度",而不是拖拉來決定"旋轉的角度"



用拖來來改變角度,程式碼觀念 ↓

執行結果 ↓

程式碼 ↓


#include <GL/glut.h> float angle=0;///NOW void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glColor3f(255,255,255);///白色的 glutSolidTeapot( 0.3 );///身體 glPushMatrix();///右邊手臂 glTranslatef(0.45, 0.05, 0);///(3) 掛在身體的右肩 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///右手臂 glPushMatrix();///NOW2 glTranslatef(0.2, 0, 0);///(3) 掛在身體的右肘///NOW2 glRotatef(angle, 0,0,1);///(2) 旋轉///NOW2 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸///NOW2 glColor3f(1,0,0);///紅色的///NOW2 glutSolidTeapot( 0.15 );///右下手臂///NOW2 glPopMatrix();///NOW2 glPopMatrix(); glPushMatrix();///左邊手臂 glTranslatef(-0.45,0.05, 0);///(3) 掛在身體的左肩 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(-0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///左手臂 glPushMatrix(); glTranslatef(-0.2, 0, 0);///(3) 掛在身體的左肘 glRotatef(angle, 0,0,1);///(2) 旋轉 glTranslatef(-0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///左下手臂 glPopMatrix(); glPopMatrix(); glutSwapBuffers(); //angle++;///NOW } int oldX, oldY; ///NOW5 void motion(int x, int y) { angle += (x-oldX); oldX=x; display(); } void mouse(int button, int state, int x, int y)/// NOW5 要知道mouse的按鍵狀態 { /// NOW5 要知道mouse的按鍵狀態 oldX = x;/// NOW5 要知道mouse的按鍵狀態,按下去時,就記得oldX } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH ); glutCreateWindow("week11 TRT"); glutIdleFunc(display);///NOW glutDisplayFunc(display); glutMotionFunc(motion); glutMouseFunc(mouse); /// NOW5 要知道mouse的按鍵狀態 glutMainLoop(); }


➤搭配鍵盤,來決定要控制哪一個關節!

執行結果 ↓

程式碼 ↓

#include <GL/glut.h> float angle1=0, angle2=0, angle3=0, angle4=0;///NOW ///NOW6 配合鍵盤 int jointID=1;///NOW6 配合鍵盤 void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glColor3f(255,255,255);///白色的 glutSolidTeapot( 0.3 );///身體 glPushMatrix();///右邊手臂 glTranslatef(0.2, 0, 0);///(3) 掛在身體的右肩 glRotatef(angle1, 0,0,1);///(2) 旋轉 ///NOW6 配合鍵盤 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 glColor3f(1,0,0);///紅色的 glutSolidTeapot( 0.15 );///右手臂 glPushMatrix();///NOW2 glTranslatef(0.2, 0, 0);///(3) 掛在身體的右肘///NOW2 glRotatef(angle2, 0,0,1);///(2) 旋轉///NOW2 ///NOW6 配合鍵盤 glTranslatef(0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸///NOW2 glColor3f(1,0,0);///紅色的///NOW2 glutSolidTeapot( 0.15 );///右下手臂///NOW2 glPopMatrix();///NOW2 glPopMatrix(); glPushMatrix();///左邊手臂 ///NOW4 複製左半邊 glTranslatef(-0.2, 0, 0);///(3) 掛在身體的左肩 ///NOW4 複製左半邊 glRotatef(-angle3, 0,0,1);///(2) 旋轉 ///NOW4 複製左半邊 ///NOW5 angle變負的 glTranslatef(-0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸 ///NOW4 複製左半邊 glColor3f(1,0,0);///紅色的 ///NOW4 複製左半邊 glutSolidTeapot( 0.15 );///左手臂 ///NOW4 複製左半邊 glPushMatrix();///NOW2 ///NOW4 複製左半邊 glTranslatef(-0.2, 0, 0);///(3) 掛在身體的左肘///NOW2 ///NOW4 複製左半邊 glRotatef(-angle4, 0,0,1);///(2) 旋轉///NOW2 ///NOW4 複製左半邊 ///NOW5 angle變負的 glTranslatef(-0.15, 0,0);///(1) 把茶壼柄,移動到畫面的中心,當旋轉軸///NOW2 ///NOW4 複製左半邊 glColor3f(1,0,0);///紅色的///NOW2 ///NOW4 複製左半邊 glutSolidTeapot( 0.15 );///左下手臂///NOW2 ///NOW4 複製左半邊 glPopMatrix();///NOW2 glPopMatrix(); glutSwapBuffers(); ///angle++;///NOW ///NOW3 } int oldX, oldY;///NOW5 void motion(int x, int y)///NOW3 用滑鼠mouse來控制angle { if(jointID==1) angle1 += (x-oldX);///NOW3 用滑鼠mouse來控制angle ///NOW6 配合鍵盤 if(jointID==2) angle2 += (x-oldX);///NOW3 用滑鼠mouse來控制angle ///NOW6 配合鍵盤 if(jointID==3) angle3 += (x-oldX);///NOW3 用滑鼠mouse來控制angle ///NOW6 配合鍵盤 if(jointID==4) angle4 += (x-oldX);///NOW3 用滑鼠mouse來控制angle ///NOW6 配合鍵盤 oldX=x;///NOW5 display();///NOW3 用滑鼠mouse來控制angle } void mouse(int button, int state, int x, int y)///NOW5 要知道mouse的按鍵狀況 {///NOW5 要知道mouse的按鍵狀況 oldX = x; oldY = y;///NOW5 要知道mouse的按鍵狀況, 按下去時,就記得 oldX } void keyboard(unsigned char key, int x, int y)///NOW6 配合鍵盤 { if(key=='1') jointID=1;///NOW6 配合鍵盤 if(key=='2') jointID=2;///NOW6 配合鍵盤 if(key=='3') jointID=3;///NOW6 配合鍵盤 if(key=='4') jointID=4;///NOW6 配合鍵盤 } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH ); glutCreateWindow("week11 TRT"); glutIdleFunc(display);///NOW glutDisplayFunc(display); glutMotionFunc(motion);///NOW3 用滑鼠mouse來控制angle glutMouseFunc(mouse);///NOW5 要知道mouse的按鍵狀況 glutKeyboardFunc(keyboard);///NOW6 配合鍵盤 glutMainLoop(); }



➤之後可以搭配迴圈,來讓模型自動切換關節做動作!



-------------------------------------------------------------------------------
{\__/}
( • - •)
/ > ❤️



沒有留言:

張貼留言