顯示具有 精選5 標籤的文章。 顯示所有文章
顯示具有 精選5 標籤的文章。 顯示所有文章

2019年3月22日 星期五

huangxuuu電腦圖學 week05


一.執行打光範例程式

(1)
下載[windows.zip][data.zip][glut32.dll]
並且把windows.zipdata.zip 解壓縮
glut32.dll 一併移至windows資料夾

(2)
執行light Material.exe

二.套用打光程式到茶壺程式裡

(1)
下載 已經設定過的[freeglut.zip]解壓縮並放置桌面
(2)
開啟茶壺程式並將GLUT範例程式的A部分和B部分貼到茶壺程式之紅色框框



茶壺程式







GLUT範例程式A部分(陣列宣告)






GLUT範例程式B部分(打光函式)


執行結果1





(3)讓茶壺背光,以及修改背景顏色











執行結果2





(4)輸入使茶壺轉動的程式碼



執行結果3


alanhc/張牧之 電腦圖學-week05


要有光

0. 介紹
1. 如何設定材質及燈光
2. 筆記
3. 小技巧
4. 小思考





0. 介紹

按右鍵

黃色區塊 > 選 模型
紅色區塊 > 選 材質
藍色區塊 > 一些 程式設定








1. 如何設定材質及燈光?

從小葉資料夾(參考week02
(1) 設定
    glLightfv( p1, p2, p3 )         -> 光的設定方法
    glMaterialfv( p1, p2, p3 )   -> 物體材質的設定方法
(2) 怎麼寫
    燈光:
    glLightfv(p1, p2, p3);
        p1:哪一個燈
        P2:設定甚麼 ( GL_AMBIENT、
                                   GL_DIFFUSE
                                   GL_SPECULAR
                                   GL_POSITION  )
        P3:設定值 [ 陣列 ] (請參考下圖)
        
示意圖
陣列設定方法:

    GLfloat light_pos[] = { x, y, z, }

        x : 沿 x 軸
        y : 沿 y軸
        z 沿z軸
        d 距離


    GLfloat material_Kd[] = { R, G, B, alpha }



2.筆記:

kd:打甚麼顏色光

英文單字:
pos 位置
Ka:
Kd:
Ks:
K:係數
a:ambient > 周圍漫射
d:diffuse > 隨著角度,直接照較亮,側著照較暗
s:specular >  特別亮的點
e:emission > 自體發光

Se: shininese emission 自體發亮

更多有關於 Ka、Kd、Ks
https://cg2010studio.com/2011/03/27/specular/

學習步驟:

(1) notepad++複製程式碼
(2) 剪貼程式碼
(3) 改程式碼

todo:把茶壺打光
(1) file>new>project
(2) cp 177行 到notepad
(3) 寫10行GLUT茶壺
(4) 把 Light (打光)
    (a) 8行陣列
    (b) glutMainLoop()


第三堂

glutIdleDisplay(display) > 閒閒沒事時執行

3.小技巧:

知其然知其所以然:
    小技巧:http://pythontutor.com/
    小工具:cTour

程式上色:notepad++ NPPexport,丟到瀏覽器複製

4.小思考:

Q為何要用GLfloat而不是float ?
A根據compiler不同,不同 compiler 的 float

Q. 轉太快 > 因為電腦跑的速度不同
A. 計時器調整


今天的課堂程式碼:




week5





1.先下載老師給的data,win32,glut32.dll
   http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/

2..將window.zip解壓縮到window資料夾,複製glut32.dll到window資料夾裡
   並打開Light Material.exe執行檔
























(可以按右鍵改變圖案)















3.先開啟freeglut windows網站然後下載
Download freeglut 3.0.0 for MinGW 
   然後解壓縮然後打開lib資料夾,複
製貼上libfreeglut.a,把複製的改名為libglut32.a










4.打開codeblack先建一個glut然後開啟執行


5.按 - 可以讓它變尖 , 按 + 可以讓它變圓



→把茶壺打光←

7.先把本來的程式碼複製到記事本(等等需要用到)
   然後刪掉程式碼

8.把之前水壺的程式碼複製貼上



9.然後把本來的程式碼的其中兩段複製貼上



#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 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();                ///交換buffer顯示
}
int main(int argc, char**argv)
{
    glutInit(&argc, argv);           ///初始化GLUT功能Init是初始化
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
                                                 ///開機有深度不會閃爍GLUT_DEPTH ->可以用出3D
    glutCreateWindow("我是蘇珺心的第一個程式");  ///顯示一個視窗
    glutDisplayFunc(display);  ///呼叫上面的display

    glClearColor(1,1,1,1);(改背景顏色)

 /* (如果把glClearColor(1,1,1,1);改成glClearColor(1,0,0,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();                 ///迴圈
}

10.讓水壺自動旋轉

#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(); ///新加的
        glRotated(angle,0,1,0);   ///新加的
        glutSolidTeapot(0.3);     ///新加的
    glPopMatrix();  ///新加的
    angle++;   ///新加的
    glutSwapBuffers();                ///交換buffer顯示
}
int main(int argc, char**argv)
{
    glutInit(&argc, argv);           ///初始化GLUT功能Init是初始化
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
                                                 ///開機有深度不會閃爍GLUT_DEPTH ->可以用出3D
    glutCreateWindow("我是蘇珺心的第一個程式");  ///顯示一個視窗
    glutDisplayFunc(display);  ///呼叫上面的display
    glutIdleFunc(display); ///新加的

    glClearColor(1,0,0,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();                 ///迴圈
}


(會一直自動旋轉)