第16週期末

http://www.youtube.com/watch?v=lP5j_mwVRkQ&feature=youtu.be

第十六週課堂講解

0. 老師示範
0.1. (a) 乙班鋼鐵人,把T-R-T搞定
0.2. (b) 2人跳舞,用Key調關節轉動

1. 把你的作品開起來, 課堂中嘗試做期末作品
2. 畫座標
3. 將3D模型斷開

學姐小叮嚀:
0. 將程式開好,加咒語,設定tool-edit的Tab
1. 先決定機器人的外貌、形狀,並決定關節的個數
2. 描出每個點的坐標位置,如果是圓的,就要決定圓心
3. 以肚臍為中心,之後調整比較順利
4. 先執行看看,和原來想的位置有沒有跑掉
5. 確定位置就開始分解,試著用TRT移動&轉動
6. 確定轉動&移動順利,就可以開始錄動作
7. 錄動作播放
8. 完成、修改


讀很多關節 rot[10] 的程式範例
FILE *fout=NULL;
FILE *fin=NULL;
void keyboard(unsigned char key, int x, int y)
{
if(key=='0') index=0;
else if(key=='1') index=1;
else if(key=='2') index=2;
else if(key=='3') index=3;
else if(key=='4') index=4;
else if(key=='5') index=5;
if(key=='a') rot[index]++;
else if(key=='A') rot[index]--;
if(key=='s'){
if(fout==NULL) fout=fopen("motion.txt", "w+");
for(int i=0;i<10;i++){
fprintf(fout, "%.1f\t", rot[i]);
}
fprintf(fout, "\n");
}
if(key=='r'){
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<10;i++){
fscanf(fin, "%f", &rot[i]);
printf("%f ",rot[i]);
}
}
for(int i=0;i<10;i++){
printf("%.1f\t",rot[i]);
}
printf("\n");
glutPostRedisplay();
}

可以做內插的程式碼
float rotOld[10]={0,0,0,0,0,0,0,0,0,0};
float rotNew[10]={0,0,0,0,0,0,0,0,0,0};
FILE *fout=NULL;
FILE *fin=NULL;
void player(int t){
if(t%50==0){
for(int i=0;i<10;i++){
rotOld[i]=rotNew[i];
fscanf(fin, "%f", &rotNew[i]);
printf("%f ",rotNew[i]);
}
}
float a= (t%50)*0.02;
for(int i=0;i<10;i++){
rot[i]=rotNew[i]*a + rotOld[i]*(1-a);
}
glutTimerFunc(20, player, t+1);
glutPostRedisplay();
}
void keyboard(unsigned char key, int x, int y)
{
if(key=='0') index=0;
else if(key=='1') index=1;
else if(key=='2') index=2;
else if(key=='3') index=3;
else if(key=='4') index=4;
else if(key=='5') index=5;
if(key=='a') rot[index]++;
else if(key=='A') rot[index]--;
if(key=='s'){
if(fout==NULL) fout=fopen("motion.txt", "w+");
for(int i=0;i<10;i++){
fprintf(fout, "%.1f\t", rot[i]);
}
fprintf(fout, "\n");
}
if(key=='r'){
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<10;i++){
fscanf(fin, "%f", &rot[i]);
printf("%f ",rot[i]);
}
}
if(key=='p'){
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<10;i++){
fscanf(fin, "%f", &rotNew[i]);
printf("%f ",rotNew[i]);
}
glutTimerFunc(100, player, 0);
}
for(int i=0;i<10;i++){
printf("%.1f\t",rot[i]);
}
printf("\n");
glutPostRedisplay();
}

第十四週課堂練習

第五周上課內容

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

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

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

第十周上課內容

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 範例 (右鍵換不同的模型檔)
1.6. (B) 將 data目錄 Al.mtl 及 Al.obj 檔案,按右鍵,選notepad++ 看一下檔案內容

2. 我們想要把官方的範例,自己用 source code 建出來
2.1. Dev C++, 安裝 glut的DevPak 小盒子 (在課程FB裡面)
2.2. Tool-Editor設定,第三個打開(Tab),第四個關掉
2.3. File-New-Project, MultiMedia, glut, 記得另外存在你的(00160011目錄)中哦!
2.4. 把 1.1 下載的 source.zip 裡面,看到很特別/落單的 glm.c 及 glm.h, 放到你的目錄中
2.5. 再把 source.zip 裡面的 transformation.c 也放在你的目錄中
2.6. 在 Dev C++ 的專案裡面,把 2.4 的 glm.c 及 2.5的 transformation.c 都Add新增到你的專案中
2.7. F9執行, 你成功把官方範例,自己由 source code 建出來了

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裡面,把它畫出來
3.4. 照下面的圖片裡的簡單程式,完成後按F9執行,即可跑出來 (老師就是故意用圖放程式,不給你程式碼剪貼,讓你練習打程式碼, 啦啦啦! )

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

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

第十七週上課內容

1.使用oCam錄製影片
2.並將影片上傳至youtube

期末作品展示:
http://www.youtube.com/watch?v=_k-F4Hl6nmY

第十二週上課內容

float dx=3, dy=3;
float x=0, y=0;
x += dx;
y += dy;
dy -= 0.98;