Week 16 安淇的課堂筆記

期末作品展示

網址：https://www.youtube.com/watch?v=GMH6dIw8Hiw

Week 15 安淇的課堂筆記

下週(6/11)期末作品展示

學期內容回顧：

Week01

(1)WebGL
http://madebyevan.com/webgl-water/ 球在水箱裡

(2)跑OpenGL專案
2


Week02

(1)GLUT專案

(2)


(3)畫茶壺

Week03  移動 旋轉 縮放

跑transformation.exp
glutSolidTeapot(半徑)
glutSolidSphere(半徑.切.切)
glutSolidCone(半徑.切.切)


Week04  Rotate 矩陣


Week05 T-R-T 特定軸

Week06 glm  3D模型

Week07

CodeBlocks專案&setting->compiler要設對才可以運行glm.cpp compiler
working_dir設成"."
libfreeglut.dll 專案目錄copy
Week08 模型打光 和 陣列

Week10 貼圖   OpenCV 

Week11 聲音、音效

Keyboard 配 PlaySound() 鋼琴鍵盤

mouse 配 PlaySound() 

Week 14 安淇的課堂筆記

主題：攝影機 投影矩陣

1.去http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/ 下載
Windows.zip 
data.zip 
glut32.dll




gluLookAt(eyeX, eyeY,eyeZ, CenterX , CenterY, CenterZ, upX, upY, upZ);


fovy:張開的角度
aspect:長寬比例
zNear:近的裁一刀
zFar:遠的一刀

Week 13 安淇的課堂筆記

1.控制關節

開啟新的GLUT專案
貼上老師已經送的程式碼

#include <GL/glut.h>
float angle=0;

void display()///以下是老師提供的
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glPushMatrix();
        glutSolidTeapot(0.3);///正中間,當成身體的茶壼
        glPushMatrix();
            glTranslatef(0.4, 0,0);///掛上去
            glRotatef(angle, 0,0,1);///
            glTranslatef(0.4, 0,0);///把柄放中間
            glutSolidTeapot(0.3);///右邊,當成手臂的茶壼
        glPopMatrix();
    glPopMatrix();
    glutSwapBuffers();
}
///上面是我們增加的程式碼
///打光的部分留著 (陣列,main() ) 其他都刪掉
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 };

/* Program entry point */

int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitWindowSize(640,480);
    glutInitWindowPosition(10,10);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("GLUT Shapes");

    ///glutReshapeFunc(resize);
    glutDisplayFunc(display);
    ///glutKeyboardFunc(key);
    ///glutIdleFunc(idle);

    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);
   lLightfv(GL_LIGHT0, GL_POSITION, light_position);

    gl glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
    gMaterialfv(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();

    return EXIT_SUCCESS;
}

再加上自己打的



2.
加上

和


按空白鍵



3.老師送的程式

Week 12 安淇的課堂筆記

1. 複習上週教的 T-R-T ， 接著小考


2.下載 lesson32.zip 和 freeglut 並解壓縮
建一個新的glut專案 (week12_mp3)
把Shot.wav和 freeglut.dll 丟到week12_mp3資料夾裡

再來改位置


打上

就會有蹦的音效了


3.去mp3資料庫尋找想要的音效

會出現自己找的mp3音效


4.
計時器

Week 11 安淇的課堂筆記

1.下載freeglut
2.開啟一個glut專案
把聲音放入bin資料夾裡

PlaySound("madmoo.wav",NULL,SND_ASYNC);


3.鋼琴

#include <mmsystem.h>
static void key(unsigned char key, int x, int y)
{
    switch (key)
    {
        case '1':PlaySound("Do.wav",NULL,SND_ASYNC);
            break;
        case '2':PlaySound("Re.wav",NULL,SND_ASYNC);
            break;
        case '3':PlaySound("Mi.wav",NULL,SND_ASYNC);
            break;
        case '4':PlaySound("Fa.wav",NULL,SND_ASYNC);
            break;
        case '5':PlaySound("Sol.wav",NULL,SND_ASYNC);
            break;
        case '6':PlaySound("La.wav",NULL,SND_ASYNC);
            break;
        case '7':PlaySound("Si.wav",NULL,SND_ASYNC);
            break;

Week 10 安淇的課堂筆記

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

2.開啟Texture

改

glColor4f(...)

改glVertex3f(...)
改glTexCoord2f(...)

3.去moodle下載OpenCV

   開codeblocks新增glut專案

#include <opencv/highgui.h> 

int main()
{
    IplImage * img =cvLoadImage("image.jpg");
     cvShowImage("week10opencv",img);
    cvWaitKey(0) ;
    cvNamedWindow(...)
}

4.去moodle下載 myEarth.zip

更改myEarth.cbp內的圖片路徑就可以了

Week 08 安淇的課堂筆記

1.

到http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
下載 source.zip   data.zip   windows.zip  glut32.dll
把windows解壓縮
把glut丟到windows

開啟Light Material.exe



2.
將data丟到freeglut的bin資料夾
把source裡的三項(如下圖)丟到week08_light資料夾



匯入車子的模型
if(!pmodel){
        pmodel = glmReadOBJ("data/porsche.obj");
        if(!pmodel) exit(0);
        glmUnitize(pmodel);
        glmFacetNormals(pmodel);
        glmVertexNormals(pmodel, 90.0);
        }

        glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);




3.
打亮車子













4.
讓車子可以旋轉

5.

Week 07 安淇的課堂筆記

1.
到http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
下載 source   data   window




2.



3.

Week 05 安淇的課堂筆記

1.下載檔案

http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
下載
windows.zip
data.zip
glut32.dll


2.複習上週教的 移動、旋轉

執行transformation


3.



4.



5.

Week 04 安淇的課堂筆記

1.下載檔案
http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
下載
windows.zip
data.zip
glut32.dll

2.期中考題：
glPushMatrix();   //備份矩陣
   glTranslatef(x,y,z);   //移動
   glRotatef(angle,x,y,z);   //轉動
   glScalef(x,y,z);   //放大縮小
   glBegin(GL_POLYGON);   //開始畫
      glColor3f(r,g,b);   //顏色
      glVertex3f(x,y,z);   //頂點
   glEnd();   //結束畫  與glBegin()對應
glPopMatrix();   //還原矩陣

3.自動旋轉

#include <GL/glut.h>

float angle=0;

void display()

{

    glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

    glPushMatrix();

        glRotatef(angle,0,0,1);

        glutSolidTeapot(0.3);

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

int main(int argc, char**argv)

{

    glutInit(&argc,argv);

    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("Week04");

    glutIdleFunc(display);

    glutDisplayFunc(display);

    glutMainLoop();

}

Week 03 安淇的課堂筆記

#include <GL/glut.h>
void display()
{

}

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

}



1.複習上週點線面原則  ( 畫茶壺 )



2.色彩 點線面後


3.移動 座標

Week 02 安淇的課堂筆記

1. 到http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
    下載  data.zip   windows.zip  glut32.dll
    把windows解壓縮貼上glut


右鍵是選擇形狀
左鍵是拖調整數值

2.自己打程式 畫三角形


3.畫茶壺


4.上色
#include <GL/glut.h>
void display()
{
    glClear(GL_COLOR_BUFFER_BIT);
        glColor3f(0,1,0);
    glutSolidTeapot(0.3);
    glutSwapBuffers();
}
int main(int argc, char**argv)
{
    glutInit(&argc,argv);
    glutInitDisplayMode(GLUT_DOUBLE);
    glutCreateWindow("05161004");
    glutDisplayFunc(display);
    glutMainLoop();
}

Week 01 安淇的課堂筆記

WebGL Water


OpenGL


GLUT