第十七週上課內容

網址:
http://youtu.be/1dZTUMtsMrQ

第十四週上課內容及HW及15週上課練習

" a "鍵 增加兩支槍角度
" A "鍵 遞減兩支槍角度
" b "鍵 增加第二支槍角度
"B "鍵 遞減第二支槍角度

控制各個關節的轉動














第十五週上課練習

按'a'會執行數值做旋轉
(要自行建立"a.txt"文字檔輸入數值)

按滑鼠會紀錄軌跡另存成b.txt數值紀錄

第十三週上課內容及HW

按 "a"旋轉

方塊旋轉物中心移至左下角作 a 鍵旋轉

中心點位置移至壺嘴作旋轉
' a ' 逆時鐘旋轉
' A '順時鐘旋轉

第十二週上課內容及HW

茶壺拋物線
float dx=3, dy=3;
float x=0, y=0;
x += dx;
y += dy;
dy -= 0.98;

子彈射擊
(空白鍵發射)

茶壺連續彈射

茶壺彈跳

滑鼠點擊掉落且越跳越高

點擊爆炸有音效

第十一週上課內容及HW

 茶壺旋轉

控制茶壺幾秒後開始轉動
加入聲音且控制幾秒後重複播放

播放MP3檔

Keyboard

記憶彈奏時間及聲調

第十週上課內容及HW

1. 下載 官方範例  http://jsyeh.org/3dcg10
1.1. source.zip
1.2. data.zip
1.3. windows.zip
1.4. glut32.dll
1.5. 
(A) 跑 Transofrmation 範例, 跑 Material 範例 (右鍵換不同的模型檔)
(B) 將 data目錄 Al.mtl 及 Al.obj 檔案,按右鍵,選notepad++ 看一下檔案內容

2. 我們想要把官方的範例,自己用 source code 建出來
2.1. Dev C++

3. 我們把我們自己的程式寫出來, 要讀 OBJ檔型的三個步驟

3.1. 宣告 #include "glm.h" (記得在2.4裡把 glm.h 及glm.c 放在你的目錄中)
3.1. 宣告 GLMmodel * pmodel;//一個指標,指到3D OBJ model, 指標不熟沒關係,先會用,用久了就熟了

3.2. 設定 glmReadOBJ("檔名");//把 OBJ檔讀進來

3.2. 設定 glmUnitize(pmodel); //把原來可能很大的模型,縮放到 0~1中間的單位大小(Unit)

3.2. 設定 glmFacetNormals(pmodel);//計算 "小面" 的法向量,以後可以打光

3.2. 設定 glmVertexNormals(pmodel, 90.0);//計算 "頂點" 的法向量,以後可以打光

3.3. 使用 glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);//在display裡面,把它畫出來

4. 有同學有問題, 老師發現4種可能
4.1. 把 Al.obj 打成 A1.obj 或是 AI.obj (英文字母小寫L,數字1,大寫I)
4.2. 目錄的斜線slash / 及反斜線backslash \ 的差別 (說一下 1973年C/UNIX的故事)(vs. BillGate)

5. 老師把有打光的範例程式放在臉書哦!
http://www.facebook.com/groups/2013graphics/450219138396400/
你們可以下載, 完成下面的課堂作業

課堂作業: 請去網路上找到 3D模型(OBJ)檔,試著畫出來,上傳你的圖
(可以使用 網路 + 3D Exploration 來幫助你轉 3D Model 檔)
(google: 3D exploration download, 記得要加download 這個詞哦)

回家作業: 請你用 Maya 做出一個有三角化的模式,匯出 OBJ檔,然後在你的程式中畫出來

第八週上課內容及HW

0. 試著執行 Texture 範例
0.1. 

1. Dev C++ 裝兩個紙盒子 (opencv1.0.DevPak, glut_3.7.6.DevPak)
1.1. 將 Dev C++ 的 Tool-Editor設定,將第3個打開(TAB)第4個關掉 (這樣你的程式排版才會正確)

2. Dev C++ 裡, File-New-Project 選 MultiMedia 的 glut 專案
2.1. 在桌面上新增一個  00160011_hw8 的目錄,把你的程式存在這個目錄中

3. Alt-P 專案屬性, 設定參數Link咒語
3.1. GLUT咒語: -lglut32 -lopengl32 -lglu32 -lgdi32 -lwinmm
3.2. OpenCV咒語: -lcv -lcxcore -lhighgui
(3.3. 賈院長課程中用 OpenCV 2.1 的咒語則是 -lcv210 -lcxcore210 -lhighgui210)

4. 將所有的東西都放在同一個目錄中:
4.1. 準備貼圖所需素材 (EarthMapColor.jpg), 放在程式的目錄中
4.2. 將 C:\Dev-CPP\bin\opencv\*.dll 檔案全部放在你的目錄中 (這樣才能執行OpenCV程式)

5. 最簡單的 OpenCV 程式

6. 我們來拿最簡單的貼圖範例來看看吧

6.1. http://cloudhd.mcu.edu.tw  帳號: share_gl  密碼: share_gl

6.2. 下載 simple_texture.zip

加上貼圖的效果

試著做會轉的地球

第六週上課內容及HW

1. 上週複習

2.

3.

#include<GL/glut.h>
#include<stdio.h>
#include<stdlib.h>

float rot=0; //要用的角度  //step 2

float rotX=0,rotY=0;

float oldx=0,oldy=0;

void display();

void mouse();

void motion();

void lighting();

void display()

{

glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

glPushMatrix();

//glRotatef(rot,1,0,0); //要用這個角度旋轉   //step 2

glRotatef(rotX/10,0,1,0);

glRotatef(rotY/10,1,0,0);

glColor3ub(8,3,253);

glutSolidSphere(0.3,40,40);

glTranslatef(0,-0.4,0); //step 1.5

glutSolidSphere(0.3,40,40); //step 1.7

glPopMatrix();

glutSwapBuffers();

}

void mouse(int button,int event, int x, int y)

{

printf("%d %d %d %d\n",button,event,x,y);

if(button==GLUT_LEFT_BUTTON && event==GLUT_DOWN)

{

oldx=x; oldy=y;

}

}

void motion(int x,int y)

{

printf("%d %d\n",x,y);

rot=y;

//rotX=x; rotY=y;

rotX+=(x-oldx);

rotY+=(y-oldy);

display();

}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  

 

int main()

{

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutCreateWindow("Doraemon 00160236");

glutDisplayFunc(display);

glutMouseFunc(mouse);

glutMotionFunc(motion); //drag拖的動作 

lighting();

glutMainLoop();

return 0;

}

void lighting() //打光 

{

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 };

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

}

第五週上課內容及HW

TODO: 今天目標: 3D會動、打光的Doraemon, 用鍵盤幫忙,組合出來
1. Dev C++, Tool-Editor設定, 第3個打開(Tab),第4個關掉(SmartTab)
2. 在 FB 社團,有檔案 GLUT 3.7.6 DevPak 紙盒, 下載/安裝
3. File-New-Project, 選 MultiMedia-glut專案 (要拿它的設定及打光程式碼來用)
4. 先有藍色 glColor3ub(8,3,253)的圓球 glutSolidSpher(0.8, 40, 40); (即半徑, 橫精細度,直精細度)
可參考FB/Blog裡的圖,做課堂練習
5. 打光的球 (Copy複製範例專案), 全部複製得來的
5.1. Ctrl-F 找 light 這個關鍵字, 找到宣告 lighting 相關陣列的2段
5.1.1. const GLfloat light_ambient[] = {...} 等陣列宣告,4行為一段
5.1.2. const GLfloat material_ambient[] = {...} 等陣列宣告, 4行為一段
5.2. Ctrl-F 找 light 這個關鍵字, 找到設定 lighting 的函式2段
5.2.1. glEnable(...) 等函式,多行為一段
5.2.2. glLightfv(...) 等函式,多行為一段
5.2.3. glMaterialfv(...) 等函式,多行為一段

6. 利用 keyboard 把最適當的角度計算出來
6.1. glutKeyboardFunc(keyboard)

課堂練習1: TODO: 今天的小目標, 畫出一個藍色的圓

課堂練習2: TODO: 今天的小目標, 打光

課堂練習3: TODO: 把一個白色的球移到前面一點點

a-1

a-2

b

第四周上課內容及HW

1.旋轉茶壺

2.盒子3D旋轉

3.多個盒子旋轉

第三周上課內容及HW

1. 下載範例 http://jsyeh.org/3dcg10
1.1. win32 下載,解壓縮到 桌面/windows/執行檔
1.2. data 下載, 解壓縮到 桌面/windows/data/模型檔
1.3. glut32.dll 下載, 解壓縮到 桌面/windows/glut32.dll
2. 執行範例 Transformation.exe
2.1. 按綠色字,上下推動
2.2. 右上角方框,按右鍵,可挑選不同的3D模型


練習一
把圖做旋轉 (沒做 matrix 保護)改變角度

glRotatef(90,0,0,1);

→










練習二
用 matrix 保護後, 做旋轉、移動、放大縮小



















回家作業 Homework 03
基本分: 75分, 包含使用glBegin()&glEnd()畫圖形(哪一種都可以), glClearColor(),glClear(),glPushMatrix(),glPopMatrix(),glTranslatef(),glRotatef() 以上都"要"用到

加分:
程式碼中有包含glutKeyboardFunc()等就加分每使用其中一種就加5分(要有功能) 
畫得很用心就再加分!

第二周上課內容及HW

畫香菇圖形

改變背景
void display()
{
glClearColor(1,1,0,0);//設定用來清背景顏色 
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);//真的青背景動作,是用glClear

HW02.

以正上方直視牽牛花的圖形旁邊是綠葉，背景換色、六角星繪製、圓形繪製。
互助組同學名單:楊斐鈞

第一周上課內容及HW

 1.OpenGL Sample

2.FreeGLUT Shapes

3.My First GLUT 程式















HW.NeHe Lesson 5

一、JPG 檔 -- 程式順利執行的 PrintScreen 圖

二、家中電腦所使用的環境


程式發展環境:Dev-C++
CPU:AMD Athlon(tm) II X4 640 Processor
RAM:3.25GB
硬碟大小:930 GB
顯示卡:NVIDIA GeForce GT 430 價格:約兩千多
系統:Microsoft Windows XP Professional Version 2002 Service Pack 3