Week15_小葉我想打、打電腦圖學！

該做期末作業了

___________________________________________

今日課程主題：

攝影機、運鏡、投影、矩陣

___________________________________________

            第一節           

________________________________

到這裡下載win32、data、glut32.dll，將win32解壓縮，打開Projection.exe

就能嘗試攝影機的用法

____________________________________

          第二節          

________________________________________

>開GLUT專案

>將 glm.c 和 glm.h 丟進去

>將 glm.c 改成 glm.cpp 

> Add files

>程式碼貼上去

________________________(程式碼)_________________________

#include <GL/glut.h>

#include "glm.h" ///for glmReadOBJ(), glmDraw(), glmUnitized()....

GLMmodel * pmodel=NULL;///NOW

void drawmodel(void)

{

    if (!pmodel) {

pmodel = glmReadOBJ("data/al.obj");

if (!pmodel) exit(0);

glmUnitize(pmodel);

glmFacetNormals(pmodel);

glmVertexNormals(pmodel, 90.0);

    }

    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);

}

void display(void)

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    drawmodel();

    glutSwapBuffers();

}

int main(int argc, char**argv)

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutInitWindowSize(500,500);

    glutCreateWindow("week15");

    glutDisplayFunc(display);

    glutMainLoop();

}

________________________(執行結果)_________________________

                                              

___________________________________________________________

模型的雛形出來了，那接下來就是為它打光了——

_____________________(第二部份的程式碼)______________________

#include <GL/glut.h>
#include "glm.h" ///for glmReadOBJ(), glmDraw(), glmUnitized()....
GLMmodel * pmodel=NULL;///NOW
void drawmodel(void)
{
    if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
    }
    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    drawmodel();
    glutSwapBuffers();
}
int main(int argc, char**argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
    glutInitWindowSize(500,500);
    glutCreateWindow("week15");

    glutDisplayFunc(display);

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };///NOW2 打光的位置
    glEnable(GL_DEPTH_TEST);///NOW2 有立體的功能
    glEnable(GL_LIGHT0);    ///NOW2 打光後變立體的彩色的
    glEnable(GL_LIGHTING);  ///NOW2 打光後變立體的彩色的
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);///NOW2 打光的位置

    glutMainLoop();

}

________________________(執行結果)_________________________

                                              

___________________________________________________________

好像哪裡怪怪的......？

這是因為我們把光打在它的正面，而我們鏡頭在它的背面的緣故。

只要將紅底的部分改成-1.0就可以了。
 GLfloat light_pos[] = { 0.0, 0.0, -1.0, 0.0 };  

________________________(執行結果)_________________________

                                                

___________________________________________________________

____________________________________

          第三節          

________________________________________

接下來要讓模型自己轉動

一樣，貼上程式碼試看看

_____________________(第三部份的程式碼)______________________

#include <GL/glut.h>
#include "glm.h" ///for glmReadOBJ(), glmDraw(), glmUnitized()....
GLMmodel * pmodel=NULL;///NOW
void drawmodel(void)
{
    if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
    }
    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    drawmodel();
    glutSwapBuffers();
}
#include <math.h>
float eyeX=1, eyeY=0, eyeZ=0;
void timer(int t)///NOW3
{
    glutTimerFunc(33, timer, t+1);///NOW3
    float angle=t/180.0*3.1415926;///NOW3 算出一個角度
    eyeX=cos(angle); eyeZ=sin(angle);///NOW3

    glMatrixMode(GL_MODELVIEW);///NOW3
    glLoadIdentity();///NOW3
    gluLookAt(eyeX, eyeY, eyeZ, ///NOW3 LookAt的 eye
              0.0, 0.8, 0.0, ///NOW3 LookAt的 center
              0, 1, 0);///NOW3 LookAt的 up

    glutPostRedisplay();///NOW3 Re-display
}
int main(int argc, char**argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
    glutInitWindowSize(500,500);
    glutCreateWindow("week15");

    glutDisplayFunc(display);
    glutTimerFunc(33, timer, 0);///NOW3

    GLfloat light_pos[] = { 0.0, 0.0, -1.0, 0.0 };///NOW2 打光的位置
    glEnable(GL_DEPTH_TEST);///NOW2 有立體的功能
    glEnable(GL_LIGHT0);    ///NOW2 打光後變立體的彩色的
    glEnable(GL_LIGHTING);  ///NOW2 打光後變立體的彩色的
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);///NOW2 打光的位置

    glutMainLoop();
}

________________________(執行結果)_________________________

                                                

___________________________________________________________

嗯？怎麼破圖了？(((ﾟДﾟ;)))

看來是靠太近了，我們拉遠些，再把攝影距離拉大

_____________________(第三部份的程式碼)______________________

#include <GL/glut.h>
#include "glm.h" ///for glmReadOBJ(), glmDraw(), glmUnitized()....
GLMmodel * pmodel=NULL;///NOW
void drawmodel(void)
{
    if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
    }
    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    drawmodel();
    glutSwapBuffers();
}
#include <math.h>
float eyeX=1, eyeY=0, eyeZ=0;
void timer(int t)///NOW3
{
    glutTimerFunc(33, timer, t+1);///NOW3
    float angle=t/180.0*3.1415926;///NOW3 算出一個角度
    eyeX=cos(angle); eyeZ=sin(angle);///NOW3

    glMatrixMode(GL_PROJECTION);///NOW4
    glLoadIdentity();///NOW4
glOrtho(-1,+1, -1,+1, -10,+10);///NOW4 可以看到範圍比較大的投影法

    glMatrixMode(GL_MODELVIEW);///NOW3
    glLoadIdentity();///NOW3
    gluLookAt(eyeX, eyeY, eyeZ, ///NOW3 LookAt的 eye
              0.0, 0.6, 0.0, ///NOW3 LookAt的 center
              0, 1, 0);///NOW3 LookAt的 up

    glutPostRedisplay();///NOW3 Re-display
}
int main(int argc, char**argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
    glutInitWindowSize(500,500);
    glutCreateWindow("week15");

    glutDisplayFunc(display);
    glutTimerFunc(33, timer, 0);///NOW3

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };///NOW2 打光的位置
    glEnable(GL_DEPTH_TEST);///NOW2 有立體的功能
    glEnable(GL_LIGHT0);    ///NOW2 打光後變立體的彩色的
    glEnable(GL_LIGHTING);  ///NOW2 打光後變立體的彩色的
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);///NOW2 打光的位置

    glutMainLoop();

}

________________________(執行結果)_________________________

                                                 

___________________________________________________________

附上我還沒搞清楚的程式碼

___________________________________________________________

#include <GL/glut.h>
#include "glm.h" ///for glmReadOBJ(), glmDraw(), glmUnitized()....
GLMmodel * pmodel=NULL;///NOW
void drawmodel(void)
{
    if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
    }
    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    drawmodel();
    glutSwapBuffers();
}
#include <math.h>
float eyeX=1, eyeY=0, eyeZ=0;
void timer(int t)///NOW3
{
    glutTimerFunc(33, timer, t+1);///NOW3
    float angle=t/180.0*3.1415926;///NOW3 算出一個角度
    eyeX=cos(angle); eyeZ=sin(angle);///NOW3

    glMatrixMode(GL_PROJECTION);///NOW4
    glLoadIdentity();///NOW4
    gluPerspective(60, 1, 0.001, 1000);///NOW5
///glOrtho(-1,+1, -1,+1, -10,+10);///NOW4 可以看到範圍比較大的投影法

    glMatrixMode(GL_MODELVIEW);///NOW3
    glLoadIdentity();///NOW3
    gluLookAt(eyeX, eyeY, eyeZ, ///NOW3 LookAt的 eye
              0.0, 0.6, 0.0, ///NOW3 LookAt的 center
              0, 1, 0);///NOW3 LookAt的 up

    glutPostRedisplay();///NOW3 Re-display
}
int main(int argc, char**argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
    glutInitWindowSize(500,500);
    glutCreateWindow("week15");

    glutDisplayFunc(display);
    glutTimerFunc(33, timer, 0);///NOW3

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };///NOW2 打光的位置
    glEnable(GL_DEPTH_TEST);///NOW2 有立體的功能
    glEnable(GL_LIGHT0);    ///NOW2 打光後變立體的彩色的
    glEnable(GL_LIGHTING);  ///NOW2 打光後變立體的彩色的
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);///NOW2 打光的位置

    glutMainLoop();
}

Week14_小葉我想打、打電腦圖學！

大腦：起床了！

身體：

__________________________________________________
第一節
__________________________________________________

今天要教動畫啦！

先從延遲聲音開始學起。

程式碼如下：

#include <GL/glut.h>

#include <mmsystem.h>///NOW (0)發聲音

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glutSwapBuffers();

}

void timer(int t)///NOW (2)

{

    glutTimerFunc(1000, timer, 0);///NOW2

    PlaySoundA("lion1.wav", NULL, SND_ASYNC);///NOW (2)

}

int main(int argc, char**argv)

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutInitWindowSize(500,500);///大一點

    glutCreateWindow("week14 timer");

    glutDisplayFunc(display);

    glutTimerFunc(1000, timer, 0);///NOW (1)

    glutMainLoop();

}

_______________________________________________

再來是茶壺隨時間轉動

程式碼如下：

#include <GL/glut.h>

#include <mmsystem.h>///NOW (0)發聲音

#include <stdio.h>///NOW3 for printf()

float angle=0;///NOW4

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();///NOW4

        glRotatef(angle, 0, 0, 1);///NOW4

        glutSolidTeapot( 0.3 );///NOW4

    glPopMatrix();///NOW4

    glutSwapBuffers();

}

void timer(int t)///NOW (2)

{

    glutTimerFunc(30, timer, t+1);///NOW4 ///NOW3 一起床,馬上撥下一個鬧鐘, 時間才會準

    printf("現在的 timer(t)的t是: %d\n", t);///NOW3

    angle = t;///NOW4

    glutPostRedisplay();///NOW4 要更新畫面

}

int main(int argc, char**argv)

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutInitWindowSize(500,500);///大一點

    glutCreateWindow("week14 timer");

    glutDisplayFunc(display);

    glutTimerFunc(1000, timer, 0);///NOW (1)

    glutMainLoop();

}

________(如下圖)________

__________________________________________________

第二節

__________________________________________________

這節居然不打程式碼啦！

大家都看過Flash的補間動畫，就是使用內插法

對的！我們要來學內插法

內插: α*新+(1-α)*舊

那要如何加進程式呢？

也就是加進timer函式啦！

程式碼：

#include <GL/glut.h>

#include <mmsystem.h>///NOW (0)發聲音

#include <stdio.h>///NOW3 for printf()

float angle=0;///NOW4

float nowX=0;///NOW5

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();///NOW4

        ///glRotatef(angle, 0, 0, 1);///NOW4

        glTranslatef(nowX, 0, 0);///NOW5

        glutSolidTeapot( 0.3 );///NOW4

    glPopMatrix();///NOW4

    glutSwapBuffers();

}

void timer(int t)///NOW (2)

{/// 1000 ms = 1秒,   33ms = 0.033秒 => 33*30=1000,  30fps

    glutTimerFunc(33, timer, t+1);///NOW4 ///NOW3 一起床,馬上撥下一個鬧鐘, 時間才會準

    printf("現在的 timer(t)的t是: %d\n", t);///NOW3

    float alpha = (t%30) / 30.0;///變成 alpha: 0.0 ~ 1.0  ///NOW5

    nowX = alpha*1.0 + (1-alpha)* -1.0;///NOW5

    glutPostRedisplay();///NOW4 要更新畫面

}

int main(int argc, char**argv)

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutInitWindowSize(500,500);///大一點

    glutCreateWindow("week14 timer");

    glutDisplayFunc(display);

    glutTimerFunc(1000, timer, 0);///NOW (1)

    glutMainLoop();

}

__________________________________________________

第三節

__________________________________________________

Week13_小葉我想打、打電腦圖學！

希望能多出48小時......

___________________________________

建立Project

打程式碼，執行後就會發現資料夾多了一個txt檔

↓

Week12_小葉我想打、打電腦圖學！

這周不知道放甚麼圖了，所以就放個How哥吧！

___________________________________________

今天要教音樂

首先先建立這個Project↓

之後打上這些程式碼↓

記得要到Build options↓

增加這個libraries↓

就可以播放音樂啦！

________________________________________

做看看會發出聲音的鍵盤鋼琴ヽ(●´∀`●)ﾉ

首先建一個GLUT Project，然後先別刪掉，在下方第145行複製貼上改一改

隨後滑上去到key欄，增加以鍵盤控制的鋼琴音檔

就可以按按鍵彈鋼琴啦！

雖然Blog沒辦法播聲音就是了......

__________________________________________________

接下來來嘗試播放mp3檔啦！d(`･∀･)b

一樣是用glut，所以在同個檔案改但不要刪掉原程式碼

先下載 CMP3_MCI.h，檔案老師放在社團

然後移到我們glut的檔案夾

第一行不是系統有的，而是我們放在專案的檔案

接下來宣告我們的變數

接下來讀入mp3檔

再播放

就有音樂囉！

可惜你們還是聽不到(´・ω・`)

_______________________________________

大家看過復聯4了嗎？(´・ω・`)

Week11_小葉我想打、打電腦圖學！

感受到成為菜雞的感覺。

_____________________________________________

#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();

}