2017電腦圖學 Computer Graphics 授課教師: 葉正聖 銘傳大學資訊傳播工程系 每週主題: 程式環境、點線面顏色、移動/旋轉/縮放與矩陣(Matrix)、階層性關節轉動(T-R-T)、做出機器人、打光、貼圖、glu/glut函式、鍵盤、滑鼠、計時器(timer)、讀入3D模型、粒子系統、聲音、特效、投影矩陣、攝影機與運鏡、機器人2.0、期末作品
2017年7月2日 星期日
2017年7月1日 星期六
Week 15 語璇電圖
2017年6月30日 星期五
2017年6月29日 星期四
2017年6月16日 星期五
week15_鄉下人筆記
1.認識貼圖背景
下載Facebook社團的檔案(Earth.zip, freeglut.zip)解壓縮下載到桌面
接著下載openCV 2.1.0版本
接下來打開myEarth.cbp
這個是只有加一個貼圖的情況。如果要加更多貼圖,GLuint id;的id變數後面可以自己加(id2,id3......)
接著要放背景圖,我們在display函式中修改成如下:
void display()
{ glEnable(GL_DEPTH_TEST); ///要啟動 Detph Test 深度值的測試,3D顯示才正確
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glBegin(GL_POLYGON);///多邊形 開始畫
glTexCoord2f(0,0); glVertex3f(-1,+1,0);
glTexCoord2f(1,0); glVertex3f(+1,+1,0);
glTexCoord2f(1,1); glVertex3f(+1,-1,0);
glTexCoord2f(0,1); glVertex3f(-1,-1,0);
glEnd();///結束畫
glPopMatrix();
glFlush();
}
接著下載openCV 2.1.0版本
接下來打開myEarth.cbp
這個是只有加一個貼圖的情況。如果要加更多貼圖,GLuint id;的id變數後面可以自己加(id2,id3......)
接著要放背景圖,我們在display函式中修改成如下:
void display()
{ glEnable(GL_DEPTH_TEST); ///要啟動 Detph Test 深度值的測試,3D顯示才正確
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glBegin(GL_POLYGON);///多邊形 開始畫
glTexCoord2f(0,0); glVertex3f(-1,+1,0);
glTexCoord2f(1,0); glVertex3f(+1,+1,0);
glTexCoord2f(1,1); glVertex3f(+1,-1,0);
glTexCoord2f(0,1); glVertex3f(-1,-1,0);
glEnd();///結束畫
glPopMatrix();
glFlush();
}
2.套用貼圖到自己的機器人
2017年6月12日 星期一
[電腦圖學]Week15 松賢的上課筆記
本週主題:
(1.)期末作品示範
(2.)背景貼圖示範
(3.)打光、貼圖切換
(4.)讀檔內插示範
(3.)打光、貼圖切換
(4.)讀檔內插示範
(5.)學期總複習
1.認識貼圖背景
請下載Facebook社團的檔案(Earth.zip, freeglut.zip)解壓縮下載到桌面
接著下載openCV 2.1.0版本
注意,安裝時記得選取給所有電腦使用者的路徑
接下來打開myEarth.cbp,為了要做出貼圖,需要使用以下東西:
這個是只有加一個貼圖的情況。如果要加更多貼圖,GLuint id;的id變數後面可以自己加(id2,id3......)
接著要放背景圖,我們在display函式中修改成如下:
void display()
{ glEnable(GL_DEPTH_TEST); ///要啟動 Detph Test 深度值的測試,3D顯示才正確
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glBegin(GL_POLYGON);///多邊形 開始畫
glTexCoord2f(0,0); glVertex3f(-1,+1,0);
glTexCoord2f(1,0); glVertex3f(+1,+1,0);
glTexCoord2f(1,1); glVertex3f(+1,-1,0);
glTexCoord2f(0,1); glVertex3f(-1,-1,0);
glEnd();///結束畫
glPopMatrix();
glFlush();
}
像這樣~~
接著下載openCV 2.1.0版本
注意,安裝時記得選取給所有電腦使用者的路徑
接下來打開myEarth.cbp,為了要做出貼圖,需要使用以下東西:
這個是只有加一個貼圖的情況。如果要加更多貼圖,GLuint id;的id變數後面可以自己加(id2,id3......)
接著要放背景圖,我們在display函式中修改成如下:
void display()
{ glEnable(GL_DEPTH_TEST); ///要啟動 Detph Test 深度值的測試,3D顯示才正確
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glBegin(GL_POLYGON);///多邊形 開始畫
glTexCoord2f(0,0); glVertex3f(-1,+1,0);
glTexCoord2f(1,0); glVertex3f(+1,+1,0);
glTexCoord2f(1,1); glVertex3f(+1,-1,0);
glTexCoord2f(0,1); glVertex3f(-1,-1,0);
glEnd();///結束畫
glPopMatrix();
glFlush();
}
像這樣~~
其中,
glTexCoord2f(0,0); glVertex3f(-1,+1,0); glTexCoord2f(1,0); glVertex3f(+1,+1,0);
glTexCoord2f(1,1); glVertex3f(+1,-1,0);
glTexCoord2f(0,1); glVertex3f(-1,-1,0);
glTexCoord2f(1,1); glVertex3f(+1,-1,0);
glTexCoord2f(0,1); glVertex3f(-1,-1,0);
前面代表貼圖座標,後面代表3D頂點
這個就是我們的背景貼圖
2.套用貼圖到自己的機器人
(這裡老師用的是FB社團內的myGLMSample做示範)
在期末作業,原本的背景通常都是白色底,我們可以運用上一節課教的貼圖,讓機器人變得更生動!
Week15 閻覃的上課筆記
Week15 閻覃的上課筆記
內插公式
交叉相乘
寫檔案
1#include <stdio.h>2FILE *fout = NULL;3fout = fopen("file.txt","w+");``w+'' Open for reading and writing. The file is created if it does not exist, otherwise it is truncated. The stream is positioned at the beginning of the file.
w+模式會在每次打開檔案時丟棄上次的檔案。如果想追加可以換成a+。
1fprintf(fout,"....\n");這樣在程式退出后,資料就會被寫入檔案。
如果想隨時立即寫入,需要執行以下程式碼
1fflush(fout);2017年6月5日 星期一
Week15_大平台的上課筆記_課堂作業_01
2017年5月29日 星期一
week15
課堂作業1:
步驟1:依照下圖用Excel做出內插法


課堂作業2:
步驟1:用Code::Blocks做出內插法
步驟2:將開設定的咒語等都設定完畢
步驟3:將程式碼輸入
(程式碼如下)
#include <stdio.h>
#include <GL/glut.h>
float pos=0, oldX=0.7, newX=0.1;
void display()
{
glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glTranslatef(pos,0,0);
glutSolidTeapot(0.2);
glPopMatrix();
glutSwapBuffers();
}
void timer(int t)
{
float alpha=t/100.0;
pos = newX*alpha+oldX*(1-alpha);
printf("%d %f %f\n",t,alpha,pos);
glutTimerFunc(100,timer,t+1);
glutPostRedisplay();
}
int main(int argc,char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("3D");
glutDisplayFunc(display);
glutTimerFunc(100,timer,0);
glutMainLoop();
}

課堂作業3:
在上禮拜的機器人身上用上內插法
步驟1:叫出機器人的程式碼與今天所學的內插法
(以下程式是老師給的裡面的內容需要研究)
#include <stdio.h>
#include <GL/glut.h>
float rot[10]={0}, rotOld[10]={0}, rotNew[10]={0};
int rotNow=0, oldX=0, oldY=0;;
FILE *fout=0, *fin=0;
void timer(int t)
{
float alpha=(t%10)/10.0;///!!!!
//pos = newX*alpha+oldX*(1-alpha);
if(t%10==0){
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<7;i++){
rotOld[i]=rotNew[i];
fscanf(fin, "%f", &rotNew[i]);
}
}
for(int i=0;i<7;i++){
rot[i]=rotNew[i]*alpha+rotOld[i]*(1-alpha);
}
glutTimerFunc(100, timer, t+1);
glutPostRedisplay();
}
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glPushMatrix();
glutWireCube(0.3);///body
glPushMatrix();
glTranslatef(0,0.2,0);
glutWireCube(0.1);///head
glPopMatrix();
glPushMatrix();
glTranslatef(0.15,0.1,0);
glRotatef(rot[0],0,0,1);
glTranslatef(0.05,0,0);
glutWireCube(0.1);///upper arm
glTranslatef(0.05,0,0);
glRotatef(rot[1],0,0,1);
glTranslatef(0.05,0,0);
glutWireCube(0.1);///lower arm
glTranslatef(0.05,0,0);
glRotatef(rot[2],0,0,1);
glTranslatef(0.05,0,0);
glutWireCube(0.1);///right arm
glPopMatrix();
glPushMatrix();
///glTranslatef(-0.2,0.1,0);
glTranslatef(-0.15,0.1,0);
glRotatef(-rot[4],0,0,1);
glTranslatef(-0.05,0,0);
glutWireCube(0.1);///upper arm
glTranslatef(-0.05,0,0);
glRotatef(-rot[5],0,0,1);
glTranslatef(-0.05,0,0);
glutWireCube(0.1);///lower arm
glTranslatef(-0.05,0,0);
glRotatef(-rot[6],0,0,1);
glTranslatef(-0.05,0,0);
glutWireCube(0.1);///right hand
glPopMatrix();
glPopMatrix();
glPopMatrix();
glutSwapBuffers();
}
void keyboard(unsigned char key, int x, int y)
{
if(key=='0') rotNow=0;
if(key=='1') rotNow=1;
if(key=='2') rotNow=2;
if(key=='3') rotNow=3;
if(key=='4') rotNow=4;
if(key=='5') rotNow=5;
if(key=='6') rotNow=6;
if(key=='r'){///按小寫的r 會去讀1行/一組x,y
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<7;i++){
fscanf(fin, "%f", &rot[i]);
}
}
if(key=='t'){
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<7;i++){
fscanf(fin, "%f", &rotNew[i]);
}
glutTimerFunc(100,timer, 0);
glutPostRedisplay();
}
if(key=='s'){///!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if(fout==NULL) fout=fopen("motion.txt", "w+");
for(int i=0;i<7;i++){
fprintf(fout, "%3.1f ", rot[i]);
printf("%3.1f ", rot[i]);
}
fprintf(fout, "\n");
printf("\n");
}
glutPostRedisplay();///電腦貼個Post-It便利貼,告訴GLUT有空要重畫畫面哦
}
void motion(int x, int y)
{
rot[rotNow] += x-oldX;
oldX = x;
glutPostRedisplay();
}
void mouse(int button, int state, int x, int y)
{///先開冰箱門(滑鼠按下去),把大象塞進去(滑鼠drag),最後再關上冰箱門(起來)
if(state==GLUT_DOWN){
oldX=x; oldY=y;
}
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
glutCreateWindow("3D Interpolate");
glutDisplayFunc(display);
glutMotionFunc(motion);
glutKeyboardFunc(keyboard);
glutMouseFunc(mouse);
//glutTimerFunc(100, timer, 0);
glutMainLoop();
}



課堂作業2:
步驟1:用Code::Blocks做出內插法
步驟2:將開設定的咒語等都設定完畢
步驟3:將程式碼輸入
(程式碼如下)
#include <stdio.h>
#include <GL/glut.h>
float pos=0, oldX=0.7, newX=0.1;
void display()
{
glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glTranslatef(pos,0,0);
glutSolidTeapot(0.2);
glPopMatrix();
glutSwapBuffers();
}
void timer(int t)
{
float alpha=t/100.0;
pos = newX*alpha+oldX*(1-alpha);
printf("%d %f %f\n",t,alpha,pos);
glutTimerFunc(100,timer,t+1);
glutPostRedisplay();
}
int main(int argc,char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("3D");
glutDisplayFunc(display);
glutTimerFunc(100,timer,0);
glutMainLoop();
}

在上禮拜的機器人身上用上內插法
步驟1:叫出機器人的程式碼與今天所學的內插法
(以下程式是老師給的裡面的內容需要研究)
#include <stdio.h>
#include <GL/glut.h>
float rot[10]={0}, rotOld[10]={0}, rotNew[10]={0};
int rotNow=0, oldX=0, oldY=0;;
FILE *fout=0, *fin=0;
void timer(int t)
{
float alpha=(t%10)/10.0;///!!!!
//pos = newX*alpha+oldX*(1-alpha);
if(t%10==0){
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<7;i++){
rotOld[i]=rotNew[i];
fscanf(fin, "%f", &rotNew[i]);
}
}
for(int i=0;i<7;i++){
rot[i]=rotNew[i]*alpha+rotOld[i]*(1-alpha);
}
glutTimerFunc(100, timer, t+1);
glutPostRedisplay();
}
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glPushMatrix();
glutWireCube(0.3);///body
glPushMatrix();
glTranslatef(0,0.2,0);
glutWireCube(0.1);///head
glPopMatrix();
glPushMatrix();
glTranslatef(0.15,0.1,0);
glRotatef(rot[0],0,0,1);
glTranslatef(0.05,0,0);
glutWireCube(0.1);///upper arm
glTranslatef(0.05,0,0);
glRotatef(rot[1],0,0,1);
glTranslatef(0.05,0,0);
glutWireCube(0.1);///lower arm
glTranslatef(0.05,0,0);
glRotatef(rot[2],0,0,1);
glTranslatef(0.05,0,0);
glutWireCube(0.1);///right arm
glPopMatrix();
glPushMatrix();
///glTranslatef(-0.2,0.1,0);
glTranslatef(-0.15,0.1,0);
glRotatef(-rot[4],0,0,1);
glTranslatef(-0.05,0,0);
glutWireCube(0.1);///upper arm
glTranslatef(-0.05,0,0);
glRotatef(-rot[5],0,0,1);
glTranslatef(-0.05,0,0);
glutWireCube(0.1);///lower arm
glTranslatef(-0.05,0,0);
glRotatef(-rot[6],0,0,1);
glTranslatef(-0.05,0,0);
glutWireCube(0.1);///right hand
glPopMatrix();
glPopMatrix();
glPopMatrix();
glutSwapBuffers();
}
void keyboard(unsigned char key, int x, int y)
{
if(key=='0') rotNow=0;
if(key=='1') rotNow=1;
if(key=='2') rotNow=2;
if(key=='3') rotNow=3;
if(key=='4') rotNow=4;
if(key=='5') rotNow=5;
if(key=='6') rotNow=6;
if(key=='r'){///按小寫的r 會去讀1行/一組x,y
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<7;i++){
fscanf(fin, "%f", &rot[i]);
}
}
if(key=='t'){
if(fin==NULL) fin=fopen("motion.txt", "r");
for(int i=0;i<7;i++){
fscanf(fin, "%f", &rotNew[i]);
}
glutTimerFunc(100,timer, 0);
glutPostRedisplay();
}
if(key=='s'){///!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if(fout==NULL) fout=fopen("motion.txt", "w+");
for(int i=0;i<7;i++){
fprintf(fout, "%3.1f ", rot[i]);
printf("%3.1f ", rot[i]);
}
fprintf(fout, "\n");
printf("\n");
}
glutPostRedisplay();///電腦貼個Post-It便利貼,告訴GLUT有空要重畫畫面哦
}
void motion(int x, int y)
{
rot[rotNow] += x-oldX;
oldX = x;
glutPostRedisplay();
}
void mouse(int button, int state, int x, int y)
{///先開冰箱門(滑鼠按下去),把大象塞進去(滑鼠drag),最後再關上冰箱門(起來)
if(state==GLUT_DOWN){
oldX=x; oldY=y;
}
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
glutCreateWindow("3D Interpolate");
glutDisplayFunc(display);
glutMotionFunc(motion);
glutKeyboardFunc(keyboard);
glutMouseFunc(mouse);
//glutTimerFunc(100, timer, 0);
glutMainLoop();
}
訂閱:
文章 (Atom)



















