電腦圖學2019-05-30 week15

電腦圖學 week15
1.主題:攝影機 運鏡
2.主題:投影 矩陣
3.複習:位置移動VS轉動
4.複習:背景貼圖
5.期末作品

電腦圖學 Week14

電腦圖學 Week14

(1)主題：計時器

   TimerglutTimerFunc(timer, 1/30, );(2)主題：內插公式(在每個時間點算出一個值)(3)主題：動畫(4)期末作品:用程式碼做補間動畫

電腦圖學week13

電腦圖學
主題:檔案
主題:關節擺動作
主題:複習
作業:機器人擺動作

電腦圖學week12

電腦圖學

• 主題:鍵盤

• 主題:聲音音樂

• 複習:階層T-R-T骨架

• 作業:能操控的機器人

打開project

打開貝殼

跑出預設程式

電腦圖學week11

電腦圖學小考:T-R-T 

轉動主題:階層轉動、骨架

主題:鍵盤按鍵

下載freeglut 以及老師給的程式碼在120.125.89.81

#include <GL/glut.h>
float angle=0;
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.28, 0,0);///(1)往右推,把茶壼的柄,放到中心,變 轉動軸

        glColor3f(255,0,0);///紅色
        glutSolidTeapot( 0.2 );///手臂
    glPopMatrix();

    glutSwapBuffers();
    angle++;
}
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;

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.28, 0,0);///(1)往右推,把茶壼的柄,放到中心,變 轉動軸

    glColor3f(255,0,0);///紅色

    glutSolidTeapot( 0.2 );///手臂

    glPushMatrix();

    glTranslatef(0.2, 0,0 );

    glRotatef(angle, 0,0,1);

    glTranslatef(0.28, 0,0);

    glColor3f(255,0,0);///紅色

    glutSolidTeapot( 0.2 );///手臂

    glPopMatrix();

    glPopMatrix();

   glPushMatrix();

    glTranslatef(-0.2, 0,0 );///(3)往右移動, 掛在身體的右肩

    glRotatef(angle, 0,0,1);///(2)旋轉

    glTranslatef(-0.28, 0,0);///(1)往右推,把茶壼的柄,放到中心,變 轉動軸

    glColor3f(255,0,0);///紅色

    glutSolidTeapot( 0.2 );///手臂

    glPushMatrix();

    glTranslatef(-0.2, 0,0 );

    glRotatef(angle, 0,0,1);

    glTranslatef(-0.28, 0,0);

    glColor3f(255,0,0);///紅色

    glutSolidTeapot( 0.2 );///手臂

    glPopMatrix();

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

int main(int argc, char**argv)

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week11 06160565");

    glutIdleFunc(display);///Now!!!!

    glutDisplayFunc(display);

    glutMainLoop();

}

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

第三個 用滑鼠一定關節

#include <GL/glut.h>
float angle=0;
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.28, 0,0);///(1)往右推,把茶壼的柄,放到中心,變 轉動軸

    glColor3f(255,0,0);///紅色
    glutSolidTeapot( 0.2 );///手臂

    glPushMatrix();
    glTranslatef(0.2, 0,0 );
    glRotatef(angle, 0,0,1);
    glTranslatef(0.28, 0,0);

    glColor3f(255,0,0);///紅色
    glutSolidTeapot( 0.2 );///手臂
    glPopMatrix();
    glPopMatrix();



   glPushMatrix();
    glTranslatef(-0.2, 0,0 );///(3)往右移動, 掛在身體的右肩
    glRotatef(angle, 0,0,1);///(2)旋轉
    glTranslatef(-0.28, 0,0);///(1)往右推,把茶壼的柄,放到中心,變 轉動軸

    glColor3f(255,0,0);///紅色
    glutSolidTeapot( 0.2 );///手臂

    glPushMatrix();
    glTranslatef(-0.2, 0,0 );
    glRotatef(angle, 0,0,1);
    glTranslatef(-0.28, 0,0);

    glColor3f(255,0,0);///紅色
    glutSolidTeapot( 0.2 );///手臂
    glPopMatrix();
    glPopMatrix();

    glutSwapBuffers();
    ///angle++;
}
    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 06160565");
    glutIdleFunc(display);///Now!!!!
    glutDisplayFunc(display);
    glutMotionFunc(motion);

    glutMainLoop();
}

電腦圖學week10

期中考:Opengl必背10函式
複習:移動、旋轉、縮放
主題:T-R-T 旋轉(改變旋轉軸)
主題:glut

電腦圖學 week08

電腦圖學

1. 主題:Texture
2. 範例:Texture.exe
3. 實作:OpenCV
4. 實作:OpenCV+OpenGL貼圖
5. 期中考:10行OpenGL程式

TODO：點名：Veyon Config > 服務 >啟動服務-
TODO：到小葉老師的網站3D Graphics download資料

download：window.zip  解壓縮 至window 
                    data.zip    解壓縮 data拉至window
                   glut32.dll   解壓縮 glut32.dll移至window資料夾

• 貼圖的範例程式 ↓

• 期中考題↓

打上程式 ↓

#include<GL/glut.h>

#include<opencv/highgui.h>

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

        glutSolidTeapot(0.3);

    glutSwapBuffers();

}

int main(int argc, char**argv)

{

    IplImage * img=cvLoadImage("earth.jpg");

    cvShowImage("opencv Windows", img);

    cvWaitKey(0);

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("Week08");

    glutDisplayFunc(display);

    glutMainLoop();

}

• 執行出圖片

電腦圖學 Week06

電腦圖學

1. 主題:打光
2. 主題:模型OBJ檔
3. 實作:GLM vs. OBJ
4. 回家作業

TODO：點名：Veyon Config > 服務 >啟動服務
TODO：到小葉老師的網站3D Graphics download資料download：window.zip  解壓縮 至window                     data.zip    解壓縮 data拉至window                  source    解壓縮 至source                   glut32.dll   移至window資料夾

•  開啟 Window > Light Material.exe

• 程式碼:

#include <GL/glut.h>

const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };
const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f };

const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };
const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };
const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat high_shininess[] = { 100.0f };

void display(){

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glutSolidTeapot( 0.3 );
    glutSwapBuffers();

}


int main(int argc,char**argv){


    glutInit(&argc,argv);
    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    glutCreateWindow("Week6_06160326");

    glutDisplayFunc(display);

    glClearColor(1,1,1,1);
    glEnable(GL_CULL_FACE);
    glCullFace(GL_BACK);

    glEnable(GL_DEPTH_TEST);
    glDepthFunc(GL_LESS);

    glEnable(GL_LIGHT0);
    glEnable(GL_NORMALIZE);
    glEnable(GL_COLOR_MATERIAL);
    glEnable(GL_LIGHTING);

    glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);
    glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
    glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);
    glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);
    glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);
    glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);

    glutMainLoop();

}

• 打出燈光的程式碼:

#include <GL/glut.h> const GLfloat light_ambient[] = { 0.0f, 0.0f, 0.0f, 1.0f }; const GLfloat light_diffuse[] = { 1.0f, 1.0f, 1.0f, 1.0f }; const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f }; const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f }; const GLfloat mat_ambient[] = { 0.7f, 0.7f, 0.7f, 1.0f }; const GLfloat mat_diffuse[] = { 0.8f, 0.8f, 0.8f, 1.0f }; const GLfloat mat_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f }; const GLfloat high_shininess[] = { 100.0f }; void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glutSolidTeapot( 0.3 ); glutSwapBuffers(); } int main(int argc, char**argv) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH); glutCreateWindow("week06"); glutDisplayFunc(display); ///一堆 OpenGL設定在這裡 glEnable(GL_DEPTH_TEST); glEnable(GL_LIGHT0); glEnable(GL_NORMALIZE); glEnable(GL_COLOR_MATERIAL); glEnable(GL_LIGHTING); glLightfv(GL_LIGHT0, GL_AMBIENT, light_ambient); glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse); glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular); glLightfv(GL_LIGHT0, GL_POSITION, light_position); glMaterialfv(GL_FRONT, GL_AMBIENT, mat_ambient); glMaterialfv(GL_FRONT, GL_DIFFUSE, mat_diffuse); glMaterialfv(GL_FRONT, GL_SPECULAR, mat_specular); glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess); glutMainLoop(); }

• 加上上禮拜的旋轉:

#include <GL/glut.h>

const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };

const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f };

const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };

const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };

const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat high_shininess[] = { 100.0f };

float angle=0;

void display()

{

     glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

     glPushMatrix();

     glRotatef(angle,0,1,0);

     glutSolidTeapot( 0.3 );

     glPopMatrix();

     glutSwapBuffers();

     angle++;

}

void motion(int x,int y)

{

    angle=x;

    display();

}

#include <stdio.h>

void mouse(int button,int state,int x,int y)

{

    printf("%d %d %d %d\n",button,state,x,y);

}

int main(int argc, char**argv)

{

     glutInit(&argc, argv);

     glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

     glutCreateWindow("week05");

     glutDisplayFunc(display);

     glutIdleFunc(display);

     glutMotionFunc(motion);

     glutMouseFunc(mouse);

     glClearColor(1,1,1,1);

    glEnable(GL_CULL_FACE);

    glCullFace(GL_BACK);

    glEnable(GL_DEPTH_TEST);

    glDepthFunc(GL_LESS);

    glEnable(GL_LIGHT0);

    glEnable(GL_NORMALIZE);

    glEnable(GL_COLOR_MATERIAL);

    glEnable(GL_LIGHTING);

    glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);

    glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);

    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);

    glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);

    glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);

    glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);

    glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);

     glutMainLoop();

}