2019電腦圖學A: Week05

顯示具有 Week05 標籤的文章。顯示所有文章

2019年4月1日星期一

主題 : GLUT程式(Light & Material)

(1)到這裡將 data、win32、gult32.dll 下載並解壓縮

(同 week02 一、使用freeglut簡化程式)

(2)打開 Light Material.exe

GLfloat light_pos[ ]={左右 , 上下 , 前後 , 遠近}

一、旋轉茶壺

(以下為程式碼)

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

angle+=5;///+++

//glutSolidTeapot(0.3);

glutSwapBuffers();

}

int main(int argc,char ** argv)

{

glutInit(&argc,argv);

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutCreateWindow("Week05 light");

glutDisplayFunc(display);

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

}

2019年3月29日星期五

PJ週記-Week05之小葉用生命在教我們打光

今天的程式碼比較複雜了點的樣子

不過教打光滿好玩的

也有點用到色彩學的港覺哈哈

那一樣的行前步驟，詳情請看上一篇的（一）

因為本肥宅懶得貼了

_(:з」∠)_

week05_05160071

1.
從網站 http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/
下載data、win32、glut32.dll 三檔案
將win32解壓縮然後把glut32.dll 放入window資料夾
data解壓縮後拉進win32資料夾

開啟light material

上格按右鍵可更換模型

下格按右鍵可更換顏色

GL_float light_pos[ ]={ x,y,z,1};
可以調整光的位置，前三個位置分別對應 x y z

2.
網址下載freeglut
https://www.transmissionzero.co.uk/software/freeglut-devel/

選擇freeglut 3.0.0 MinGW Package

freeglut解壓縮至桌面
lib中複製一個libfreeglut.a
並改名為libglut32.a
開啟codeblocks

程式碼 #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(){

glColor3f( 100/255.0 , 50/255.0 ,2000/255.0 ); //上色
glPushMatrix();
glTranslatef(0.3,0.3,0);
glutSolidTeapot(0.3);
glPopMatrix();
glutSwapBuffers();
}
int main(int argc, char**argv){
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("Week05_03163625");
glutDisplayFunc(display);
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();
}

2019年3月26日星期二

week05_xiu

/ week05 /

主題 : GLUT程式(Light & Material)

(1) 先到這裡下載win32, data, glut32.dll

解壓縮後將 data 與 glut32.dll 放進windows資料夾並打開 Light Material.exe

GLfloat light_pos[ ]={左右 , 上下 , 前後 , 遠近}

一、旋轉茶壺

(以下為程式碼)

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

angle+=5;///+++

//glutSolidTeapot(0.3);

glutSwapBuffers();

}

int main(int argc,char ** argv)

{

glutInit(&argc,argv);

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutCreateWindow("Week05 light");

glutDisplayFunc(display);

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

}

2019年3月22日星期五

huangxuuu電腦圖學 week05

一.執行打光範例程式

(1)
下載[windows.zip][data.zip][glut32.dll]
並且把windows.zip 和 data.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, d }

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. 計時器調整

今天的課堂程式碼：

謝謝小葉_week05

今日課程內容:

1.使用老師提供的網站(http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/)

1.先下載win32, data, glut32.dll
2.將win32, data解壓縮後將所有資料放入windows資料夾
3.打開Light Material.exe
需要調整的是上方字型大的部分

GLfloat light_pos
GLfloat light_Ka ---  a代表Ambient
GLfloat light_Kd ---  d代表Diffuse
GLfloat light_Ks ---  s代表Specular
環境光Ambient
漫射光Diffuse

鏡面光Specular

2.按照老方法開啟glut

1.讀入每周慣例的茶壺

2.更改程式碼使茶壺可以自行轉動

#include <GL/glut.h>

float x=0,y=0;

float angle=0;//開始角度

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);//滑鼠移動

glPushMatrix();

glRotatef(angle,0,1,0);//以角度決定旋轉

glColor3f(0.8,0.6,0);

glutSolidTeapot(0.3);

glPopMatrix();

angle++;//角度++，可調整角度以增加速度

glutSwapBuffers();

}

void motion(int nowx,int nowy)

{

x=nowx; y=nowy;//滑鼠移動

display();

}

int main(int argc,char ** argv)

{

glutInit(&argc,argv);

glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

glutCreateWindow("week05 translate 06160095");

glutDisplayFunc(display);

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

glutMotionFunc(motion);//執行

glutMainLoop();

}

止まるんじゃねぇぞ...
|
ₘₙⁿ
▏n
█▏　､⺍
█▏ ⺰ʷʷｨ
█◣▄██◣
◥██████▋
　◥████ █▎
　　███▉ █▎
　◢████◣⌠ₘ℩
　　██◥█◣≫
　　██　◥█◣
　　█▉　　█▊
　　█▊　　█▊
　　█▊　　█▋
　　 █▏　　█▙
　　 █

藍色の兔子 Week05

燈光 Light :

position[]={ x , y z , 光的遠近 }

K係數

ambient[] 周圍的光

diffuse[] 散射的光

specular[] 拋光

Emission 自體發亮

Shininess特別亮的程度

程式模擬器 : http://www.pythontutor.com/c.html#mode=edit

week 05

Week05: 打光 Lighting/Materials

到www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10下載3樣東西

解壓縮windows data 然後將glut32.dll及data資料夾複製移至windows裡，如下圖

點擊Light Materials.exe開啟

點右鍵也可以換成別的模型，如:保時捷

以上為打光的程式碼

ka:ambient kd:diffuse ke:speculat

立體茶壺程式碼:

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

glutDisplayFunc(display);

glClearColor(0,0,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 };
float angle=0; 新增的行
void display()
{
glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );
glPushMatrix();
glRotatef(angle, 0,1,0); 新增的行
glutSolidTeapot(0.3);
glPopMatrix();
angle+=3; 新增的行
glutSwapBuffers();
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("wee5");
glutDisplayFunc(display);
glutIdleFunc(display); 新增的行
glClearColor(0,0,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();
}

訂閱：文章 (Atom)

2019年4月1日 星期一

主題 : GLUT程式(Light & Material)

2019年3月29日 星期五

_(:з」∠)_

2019年3月26日 星期二

主題 : GLUT程式(Light & Material)

2019年3月22日 星期五

一.執行打光範例程式

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

執行結果1

執行結果2

執行結果3

要有光

0. 介紹

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

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

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

2.筆記：

學習步驟：

3.小技巧：

4.小思考：

今天的課堂程式碼：

今日課程內容:

1.使用老師提供的網站(http://www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10/)

2.按照老方法開啟glut

燈光 Light :

Week05: 打光 Lighting/Materials

到www.cmlab.csie.ntu.edu.tw/~jsyeh/3dcg10下載3樣東西

解壓縮windows data 然後將glut32.dll及data資料夾複製移至windows裡，如下圖

點擊Light Materials.exe開啟

點右鍵也可以換成別的模型，如:保時捷

以上為打光的程式碼

ka:ambient kd:diffuse ke:speculat

立體茶壺程式碼:

立體茶壺自動旋轉程式碼:

2019年4月1日星期一

2019年3月29日星期五

2019年3月26日星期二

2019年3月22日星期五