# Week13
step01-1 畫簡單的方塊，來做做看TRT(跟小考相關)。
-打開新的GLUT專案，專案名取為week13_rect_TRT
-貼入最基本的10行程式，加上glRectf(); //畫出正方形的圖形(身體)
-glRectf(x1,y1,x2,y2);
```cpp
#include <GL/glut.h> void display() { glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT); glRectf(0.5, 0.5, -0.5, -0.5); glutSwapBuffers(); } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH); glutInitWindowSize(600,600); glutCreateWindow("week13 rect TRT"); glutDisplayFunc(display);///不放Idle glutMainLoop(); }
```
step01-2 繼續上一個程式碼，畫出上手臂並把上手臂的位置放好。
-把T-R-T 的程式碼放進剛剛的程式裡
-寫程式的小技巧:不知道要放多少數值的程式碼先註解掉
-TRT程式如下:
```cpp
glPushMatrix();
glTranslatef(x,y,z);
glRotatef(angle,0,0,1);
glTranslatef(x2,y2,z2);
glPopMatrix();
```
step01-3 把TRT最下面的Translatef()做設定，使上手臂的旋轉中心在中心點，然後做45度的轉動。
-找出上手臂現在的位置
-讓上手臂的位置放在中間(調整TRT，最下面的Translatef()裡面的數值)
-然後，做45度的旋轉//float angle=45 glRotatef();
step02-1 利用滑鼠移動，會改變紅色上手臂轉動的角度(像在揮手一樣)。
-寫入TRT上面的glTranslatef()函式裡面的數值。(0.5,0.5)
-加入mouse & motion函式
```cpp
void mouse(int button,int state,int x,int y)//mosue按下去
{
oldX=x;
}
void motion(int x,int y)
{
angle+=(x-oldX);
oldX=x;
glutPostRedisplay();//重畫畫面Re display
}
```
-在int main()加上
```cpp
glutMouseFunc(mouse);
glutMotionFunc(motion);
```
完整程式碼如下:
```cpp
#include <GL/glut.h> float angle=45, oldX=0; void mouse(int button, int state, int x, int y){///mouse按下去 oldX = x; } void motion(int x, int y){ angle += (x-oldX); oldX = x; glutPostRedisplay(); } void display() { glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT); glColor3f(1,1,1);///白色的 glRectf(0.5, 0.5, -0.5, -0.5);///身體 glPushMatrix(); glTranslatef( 0.5, 0.5, 0);///(3) 等下要掛在0.5,0.5 glRotatef(angle, 0, 0, 1);///(2) 旋轉 glTranslatef( -0.5, -0.4, 0);///(1)先把旋轉中心放正中心 glColor3f(1,0,0);///紅色的 glRectf(0.5, 0.5, 1.0, 0.3);///手臂 glPopMatrix(); glutSwapBuffers(); } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH); ///glutInitWindowSize(600,600); glutCreateWindow("week13 rect TRT"); glutMouseFunc(mouse); glutMotionFunc(motion); glutDisplayFunc(display);///不放Idle glutMainLoop(); }
```
step02-2 繼續修改上面的程式，但因為上一個專案圖形沒有很完美，所以重新開一個GLUT專案，並加上下手臂。
-開新的GLUT專案，取名為week13_rect_TRT_TRT
-身體先做瘦身，比較好看(調整裡面的數值)，並更新調整上手臂關節的座標位置(手才不會斷掉)
-加入下手臂
-先加上下手臂TRT程式碼的註解:
//(3)把下手臂掛在關節上
//(2)旋轉
//(1)把下手臂的旋轉中心，放正中心
//再畫下手臂
-把角度歸零 float angle=0;//從頭做
-畫下手臂，並調整好下手臂的位置(完成畫下手臂的程式)
step02-3 完成下手臂TRT的程式碼，記得先註解掉上手臂TRT的轉動glRotatef()。
```cpp
void display() { glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT); glColor3f(1,1,1);///白色的 glRectf(0.3, 0.5, -0.3, -0.2);///身體,瘦身 glPushMatrix(); ///掛的位置也改了 glTranslatef( 0.3, 0.5, 0);///(3) 等下要掛在0.5,0.5 ///glRotatef(angle, 0, 0, 1);///(2) 旋轉 glTranslatef( -0.3, -0.4, 0);///(1)先把旋轉中心放正中心 glColor3f(1,0,0);///紅色的 glRectf(0.3, 0.5, 0.8, 0.3);///上手臂 glPushMatrix(); glTranslatef(0.8, 0.4, 0); ///(3) 把下手肘掛在關節上 glRotatef( angle, 0, 0, 1); ///(2) 旋轉 glTranslatef(-0.8, -0.4, 0 );///(1) 把下手肘的旋轉中心,放正中心 glColor3f(0,1,0);///綠色的 glRectf(0.8, 0.5, 1.1, 0.3);///再畫下手肘 glPopMatrix(); glPopMatrix(); glutSwapBuffers(); }
```
step03-1 做出左半邊的上手臂&下手臂。
-打開新的GLUT專案，專案名稱為week13_rect_many_TRT
-先複製右半邊的glPushMatrix()&glPopMatrix()裡的TRT
-再去修改TRT程式裡的數值，左右手臂的xy值是正負相反的
step03-2 關節的角度要分開，利用keyboard(來指定要轉動的關節)。
-float angle=0; 把一個關節，改成陣列float angle[20];就有20個關節了。
float angle[20]
-設定一個變數為angleID
int angleID=0;
-加上keyboard函式，去做if判斷，看按的按鍵是哪個數字，並配對到相對的angleID
void keyboard(unsigned char key,int x,int y)
{
if(key=='0')angleID=0;
if(key=='1')angleID=1;
if(key=='2')angleID=2;
if(key=='3')angleID=3;
}
-void motion()裡加上angleID
angle[angleID]+=(x-oldX);-給每一個分配一個angleID
glRotatef(angle[0],0,0,1);
glRotatef(angle[1],0,0,1);
glRotatef(angle[2],0,0,1);
glRotatef(angle[3],0,0,1);
-main()裡加上呼叫keyboard函式的程式碼
glutKeyboardFunc(keyboard);
這樣可以分別調整各個關節的旋轉角度，去做奇怪的動作~
完整程式碼如下:
```cpp
#include <GL/glut.h> float angle[20], oldX=0; int angleID=0;///0:第0個關節, 1:第1個關節, 2:第2個關節 void keyboard( unsigned char key, int x, int y){ if( key=='0' ) angleID=0;///預設是這一個 if( key=='1' ) angleID=1; if( key=='2' ) angleID=2; if( key=='3' ) angleID=3; }///用keyboard的按鍵,來決定等一下 motion()裡要改的 angle[i] 是哪一個 void mouse(int button, int state, int x, int y){///mouse按下去 oldX = x; } void motion(int x, int y){ angle[angleID] += (x-oldX); oldX = x; glutPostRedisplay(); } void display() { glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT); glColor3f(1,1,1);///白色的 glRectf(0.3, 0.5, -0.3, -0.2);///身體,瘦身 glPushMatrix(); ///右半邊 glTranslatef( 0.3, 0.5, 0);///(3) 等下要掛在0.5,0.5 glRotatef( angle[0], 0, 0, 1);///(2) 旋轉 glTranslatef( -0.3, -0.4, 0);///(1)先把旋轉中心放正中心 glColor3f(1,0,0);///紅色的 glRectf(0.3, 0.5, 0.8, 0.3);///右上手臂 glPushMatrix(); glTranslatef(0.8, 0.4, 0); ///(3) 把下手肘掛在關節上 glRotatef( angle[1], 0, 0, 1); ///(2) 旋轉 glTranslatef(-0.8, -0.4, 0 );///(1) 把下手肘的旋轉中心,放正中心 glColor3f(0,1,0);///綠色的 glRectf(0.8, 0.5, 1.1, 0.3);///再畫右下手肘 glPopMatrix(); glPopMatrix(); glPushMatrix(); ///左半邊 glTranslatef( -0.3, 0.5, 0);///(3) 等下要掛在0.5,0.5 glRotatef( angle[2], 0, 0, 1);///(2) 旋轉 glTranslatef( +0.3, -0.4, 0);///(1)先把旋轉中心放正中心 glColor3f(1,0,0);///紅色的 glRectf(-0.3, 0.5, -0.8, 0.3);///左上手臂 glPushMatrix(); glTranslatef(-0.8, 0.4, 0); ///(3) 把下手肘掛在關節上 glRotatef( angle[3], 0, 0, 1); ///(2) 旋轉 glTranslatef(+0.8, -0.4, 0 );///(1) 把下手肘的旋轉中心,放正中心 glColor3f(0,1,0);///綠色的 glRectf(-0.8, 0.5, -1.1, 0.3);///再畫左下手肘 glPopMatrix(); glPopMatrix(); glutSwapBuffers(); } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH); ///glutInitWindowSize(600,600); glutCreateWindow("week13 rect TRT"); glutKeyboardFunc(keyboard); glutMouseFunc(mouse); glutMotionFunc(motion); glutDisplayFunc(display);///不放Idle glutMainLoop(); }
```
下禮拜考試TRT
The End
沒有留言:
張貼留言