2019年5月31日 星期五

寶欸學習筆記_W15

(1).主題 : 攝影機 , 運鏡

(2).主題 : 投影 , 矩陣

(3).複習 : 移動位置 v.s. 轉動

(4).複習 : 背景貼圖

(5).期末作品

1.

先到http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/下載3個並且解壓縮


data 跟win32.dll方到window資料夾

執行project.exe

觀察glLookAt的三組參數改變之後的圖形變化

2.codeblocks建立glut專案
下載freeglut
複製libfreeglut.a改成libglut32.a(跟第一周一樣)
一直下一步

主題一:攝影機運鏡
(1)先出來空白模型

#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
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_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");

//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);

    glutMainLoop();

    return 0;
}


(2)加上打光

#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
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_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");

//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);

    GLfloat light_pos[] = { 0.0, 0.0, -1.0, 0.0 };
    glEnable(GL_DEPTH_TEST);
    glEnable(GL_LIGHTING);
    glEnable(GL_LIGHT0);
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);
    glutMainLoop();

    return 0;

}



(3)Timer函式與運鏡

#include <GL/glut.h>///GLUT 外掛#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()GLMmodel * pmodel=NULL;///指標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>///for sin() cos() ///NOW3float eyeX=0.5, eyeY=0, eyeZ=0; ///NOW3void timer(int t)///NOW3{    float angle = (t/180.0)*3.1415926; ///NOW3    eyeX=0.5*cos(angle); ///NOW3    eyeZ=0.5*sin(angle); ///NOW3
    glutTimerFunc(33, timer, t+1);///NOW3    glMatrixMode(GL_MODELVIEW);///NOW3    glLoadIdentity();///NOW3    gluLookAt( eyeX, eyeY, eyeZ,///eye ///NOW3            0, 0, 0,///center ///NOW3               0, 1, 0);///up    ///NOW3
    glutPostRedisplay();///NOW3}int main(int argc, char** argv){    glutInit(&argc, argv);    glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);    glutInitWindowSize(512,512);    glutInitWindowPosition(50, 50);    glutCreateWindow("week15");//    glutReshapeFunc(reshape);    glutDisplayFunc(display);    glutTimerFunc(33, timer, 0);///NOW3
    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };    glEnable(GL_DEPTH_TEST); glEnable(GL_LIGHTING);    glEnable(GL_LIGHT0);    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);
    glutMainLoop();
    return 0;}

主題二:投影矩陣
在timer函式中加上這三行
就像是檢查視野寬廣度
範圍中才能看得到
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(-1,+1,-1,+1,-10,+10);

.複習 : 移動位置 v.s. 轉動

.複習 : 背景貼圖

.期末作品
張貼者： 於 沒有留言:
標籤：

2019年5月30日 星期四

week15-04160453

張貼者： 於 沒有留言:
標籤： ,

嗶啵啵嗶啵2019/0530_W15

第15週

(1)主題：攝影機運鏡
(2)主題：投影、矩陣
(3)複習：位置移動&轉動
(4)複習：背景貼圖
(5)期末作業
------------------------------------------------------------------------------------------------------------------

1.到http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/ 下載
win32、data、glut32.dll

2.將win32解壓縮到資料夾、將data&glut32.dll放到資料夾裡
3.

4.到https://www.transmissionzero.co.uk/software/freeglut-devel/
下載Download freeglut 3.0.0 for MSVC



5.http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/下載source將glm.c、glm.h、projection.c拉到新建的glut專案底下並將glm.c改成cpp
6.將projection.c用Notepad++開啟複製程式碼到專案裡


7.把glm.cpp新增到旁邊


8.找不到
9.將window裡的data資料夾移到freeglut的bin資料夾裡


10.完成拉


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

要來打光囉~
1.加上老師ㄉ程式碼

#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
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_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");

//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);

    glutMainLoop();

    return 0;
}




11.做旋轉
#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
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>///for sin() cos() ///NOW3
float eyeX=2, eyeY=0, eyeZ=0; ///NOW3
void timer(int t)///NOW3
{

    glMatrixMode(GL_PROJECTION); ///NOW4
    glLoadIdentity(); ///NOW4
///glOrtho(-1, +1,  -1,+1, -10.0,10.0); ///NOW4 你可以看到 -10...+10範圍
gluPerspective(60, 1.0, 0.001, 1000);///NOW5


    float angle = (t/180.0)*3.1415926; ///NOW3
    eyeX=2*cos(angle); ///NOW3
    eyeZ=2*sin(angle); ///NOW3

    glutTimerFunc(33, timer, t+1);///NOW3
    glMatrixMode(GL_MODELVIEW);///NOW3
    glLoadIdentity();///NOW3
    gluLookAt( eyeX, eyeY, eyeZ,///eye ///NOW3
           0, 0, 0,///center ///NOW3
               0, 1, 0);///up    ///NOW3

    glutPostRedisplay();///NOW3
}
int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");
//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);
    glutTimerFunc(33, timer, 0);///NOW3

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
    glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
    glEnable(GL_LIGHT0);
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

    glutMainLoop();

    return 0;
}



張貼者： 於 沒有留言:
標籤： ,

比利安娜工作室-夜狗雞排,W15

電圖Week15 2019/05/30

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






張貼者： 於 沒有留言:
標籤： ,

06160150_蔡宗芸 W15

電腦圖學 2019-05-30 Week15

(1).主題 : 攝影機 , 運鏡

(2).主題 : 投影 , 矩陣

(3).複習 : 移動位置 v.s. 轉動

(4).複習 : 背景貼圖

(5).期末作品


(一)開啟Projection.exe

先到http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/下載3個並且解壓縮




把data和glut32.dll丟到windows裡面





(二) 開Code::Blocks

1.先到google搜尋freeglue windows，找Transmission Zero的網頁，Download以下畫面文件
https://www.transmissionzero.co.uk/software/freeglut-devel/

2.解壓縮的畫面

複製libfreeglut.a改成libglut32.a


3.打開Code::Blocks
4.右上File找New在按Project出現以下畫面，找GLUT後按GO 
4.按完GO後出現以下畫面，輸入檔案名稱後按Next


   

程式碼(一)

#include <GL/glut.h>                                  ///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;                           ///指標
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_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");

//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);

    glutMainLoop();

    return 0;
}



程式碼(二)

#include <GL/glut.h>                              ///GLUT 外掛
#include "glm.h"                                      ///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;                  ///指標
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_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");

//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
    glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
    glEnable(GL_LIGHT0);
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

    glutMainLoop();

    return 0;
}



程式碼(三)

#include <GL/glut.h>                                                ///GLUT 外掛
#include "glm.h"                                                       ///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;                                ///指標
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>///for sin() cos()                                    ///NOW3
float eyeX=0.5, eyeY=0, eyeZ=0;                                       ///NOW3
void timer(int t)                                                                   ///NOW3
{
    float angle = (t/180.0)*3.1415926;                               ///NOW3
    eyeX=0.5*cos(angle);                                                    ///NOW3
    eyeZ=0.5*sin(angle);                                                   ///NOW3

    glutTimerFunc(33, timer, t+1);                                    ///NOW3
    glMatrixMode(GL_MODELVIEW);                       ///NOW3
    glLoadIdentity();                                                           ///NOW3
    gluLookAt( eyeX, eyeY, eyeZ,                               ///eye //NOW3
           0, 0, 0                                                  ,///center ///NOW3
               0, 1, 0);                                                           ///up  ///NOW3

    glutPostRedisplay();                                                      ///NOW3
}
int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");
//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);
    glutTimerFunc(33, timer, 0);                                     ///NOW3

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
    glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
    glEnable(GL_LIGHT0);
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

    glutMainLoop();

    return 0;
}

程式碼(四)

#include <GL/glut.h>                    ///GLUT 外掛
#include "glm.h"                        ///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;                 ///指標
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>                         ///for sin() cos() ///NOW3
float eyeX=0.5, eyeY=0, eyeZ=0;           ///NOW3
void timer(int t)                         ///NOW3
{

    glMatrixMode(GL_PROJECTION);              ///NOW4
    glLoadIdentity();                         ///NOW4
glOrtho(-1, +1,  -1,+1, -10,+10);         ///NOW4 你可以看到 -10...+10範圍


    float angle = (t/180.0)*3.1415926;        ///NOW3
    eyeX=0.5*cos(angle);                     ///NOW3
    eyeZ=0.5*sin(angle);                     ///NOW3

    glutTimerFunc(33, timer, t+1);            ///NOW3
    glMatrixMode(GL_MODELVIEW);                ///NOW3
    glLoadIdentity();///NOW3
    gluLookAt( eyeX, eyeY, eyeZ,               ///eye ///NOW3
           0, 0, 0,                        ///center ///NOW3
               0, 1, 0);                      ///up    ///NOW3

    glutPostRedisplay();                      ///NOW3
}
int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");
//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);
    glutTimerFunc(33, timer, 0);                ///NOW3

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
    glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
    glEnable(GL_LIGHT0);
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

    glutMainLoop();

    return 0;
}


程式碼(五)

#include <GL/glut.h>                             ///GLUT 外掛
#include "glm.h"                                ///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;                        ///指標
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>                                    ///for sin() cos() ///NOW3
float eyeX=2, eyeY=0, eyeZ=0;                        ///NOW3
void timer(int t)                                    ///NOW3
{

    glMatrixMode(GL_PROJECTION);                        ///NOW4
    glLoadIdentity();                                  ///NOW4
///glOrtho(-1, +1,  -1,+1, -10.0,10.0); ///NOW4 你可以看到 -10...+10範圍
gluPerspective(60, 1.0, 0.001, 1000);                ///NOW5


    float angle = (t/180.0)*3.1415926;                 ///NOW3
    eyeX=2*cos(angle);                                 ///NOW3
    eyeZ=2*sin(angle);                                  ///NOW3

    glutTimerFunc(33, timer, t+1);                      ///NOW3
    glMatrixMode(GL_MODELVIEW);                         ///NOW3
    glLoadIdentity();                                   ///NOW3
    gluLookAt( eyeX, eyeY, eyeZ,                       ///eye ///NOW3
           0, 0, 0,                               ///center ///NOW3
               0, 1, 0);                              ///up///NOW3

    glutPostRedisplay();                             ///NOW3
}
int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
    glutInitWindowSize(512,512);
    glutInitWindowPosition(50, 50);
    glutCreateWindow("week15");
//    glutReshapeFunc(reshape);
    glutDisplayFunc(display);
    glutTimerFunc(33, timer, 0);                     ///NOW3

    GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
    glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
    glEnable(GL_LIGHT0);
    glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

    glutMainLoop();

    return 0;
}











張貼者： 於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)