2022電腦圖學 Computer Graphics 授課教師: 葉正聖 銘傳大學資訊傳播工程系 每週主題: 程式環境、點線面顏色、移動/旋轉/縮放與矩陣(Matrix)、階層性關節轉動(T-R-T)、做出機器人、打光、貼圖、glu/glut函式、鍵盤、滑鼠、計時器(timer)、讀入3D模型、粒子系統、聲音、特效、投影矩陣、攝影機與運鏡、機器人2.0、期末作品
2022年6月25日 星期六
電腦圖學week16課堂筆記
2022年6月22日 星期三
Ru的電腦圖學筆記>
Step01
1.利用Excel來把alpha內插公式實作出來, 看到新的、舊的資料可以做內插
-alpha 內插公式:alpha: 0.0~1.0
-angle = alpha*新 + (1-alpha)*舊
2.拿 week15_angles_TRT_again 來改
-建立新的 GLUT 檔案,檔名:week16_interpolation
Step02
1.講解上一週作業
2.利用課本的範例,講解gluLookAt(眼睛座標、看哪裡、up向量)
-開啟之前在老師網頁下載的 windows/data/Projection.exe
Step03
1.建立新的 GLUT 檔案,檔名:week16_camera_projection_GlutLookat
2022年6月7日 星期二
END之書 week16
1.alpha公式: alpha: 0.0~1.0
angle=angle*新+(1-angle)*舊
alpha: 0 => 舊
alpha: 0.5 => 新/舊
alpha: 1 => 新
1.1 動畫補間?
#include <GL/glut.h>
#include <stdio.h>
float angle[20],oldX=0;
float newangle[20],oldangle[20];
int angleid=0;///0右手 1右手關節 2左手 3左手關節
FILE * fout = NULL , *fin =NULL;
void write()
{
if(fout == NULL) fout = fopen("file.txt","w+");
for(int i=0;i<20;i++)
{
printf("%.1f",angle[i]);///印出黑視窗
fprintf(fout,"%.1f",angle[i]);///印出檔案
}///印出20個數字
printf("\n");///每呼叫一次,黑視窗跳行
fprintf(fout,"\n");///每呼叫一次,檔案跳行
}
void read()
{
if(fout != NULL) { fclose(fout); fout=NULL; }
if(fin==NULL) fin=fopen("file.txt","r");
for(int i=0;i<20;i++)
{
oldangle[i]=newangle[i];///原來新的變舊的
fscanf(fin,"%f", &newangle[i]);讀新角度
}
glutPostRedisplay();///重畫畫面
}
void interpolate(float alpha)
{
for(int i=0;i<20;i++)
{
angle[i]=alpha*newangle[i]+(1-alpha)*oldangle[i];
}
}
int t=0;
void key(unsigned char key,int x,int y)
{
if(key=='p') ///p要一直按著
{
if(t%30==0) read();
interpolate( (t%30)/30.0 );///介於0.0到1.0
glutPostRedisplay();
t++;
}
if(key=='s') write();///調好動作後存檔
if(key=='r') read();
if(key=='0') angleid=0;
if(key=='1') angleid=1;
if(key=='2') angleid=2;
if(key=='3') angleid=3;
}
void mouse(int button,int state,int x,int y)
{
oldX=x;
}
void motion(int x,int y)
{
angle[angleid]+=(x-oldX);
///write(); 不再複讀
oldX=x;
glutPostRedisplay();
}
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glColor3f(1,1,1);
glRectf(0.3,0.5,-0.3,-0.5);
glPushMatrix();
glTranslatef(0.3,0.4,0);///手臂掛回身體
glRotatef(angle[0],0,0,1);///對z軸旋轉
glTranslatef(-0.3,-0.4,0);///手臂旋轉軸放中心
glColor3f(1,0,0);
glRectf(0.3,0.5,0.7,0.3);
glPushMatrix();
glTranslatef(0.7,0.4,0);///手臂掛回身體
glRotatef(angle[1],0,0,1);///對z軸旋轉
glTranslatef(-0.7,-0.4,0);///手臂旋轉軸放中心
glColor3f(0,1,0);
glRectf(0.7,0.5,1.0,0.3);///下手肘
glPopMatrix();
glPopMatrix();
glPushMatrix();
glTranslatef(-0.3,0.4,0);///手臂掛回身體
glRotatef(angle[2],0,0,1);///對z軸旋轉
glTranslatef(0.3,-0.4,0);///手臂旋轉軸放中心
glColor3f(1,0,0);
glRectf(-0.3,0.5,-0.7,0.3);
glPushMatrix();
glTranslatef(-0.7,0.4,0);///手臂掛回身體
glRotatef(angle[3],0,0,1);///對z軸旋轉
glTranslatef(0.7,-0.4,0);///手臂旋轉軸放中心
glColor3f(0,1,0);
glRectf(-0.7,0.5,-1.0,0.3);///下手肘
glPopMatrix();
glPopMatrix();
glutSwapBuffers();
}
int main(int argc, char *argv[])
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("week15 trt 2");
glutMouseFunc(mouse);
glutKeyboardFunc(key);
glutMotionFunc(motion);
glutDisplayFunc(display);
glutMainLoop();
}
VERY BEAUTIFUL,VERY POWERFUL
一
1-1.alpha內插公式 : alpha : `0.0~1.0`
筆記~圖學 Week16
程式Projection
1.eye:眼睛位置,center:眼睛往哪看,up:正看斜看
1.eye:眼睛位置,center:眼睛往哪看,up:正看斜看
程式interpolation
0.alpha內插公式:angle = alpha*新 + (1-alpha)*舊
(1) alpha=0,angle=舊;alpha=1,angle=新。
(2) 可用Excel來套公式自動計算出所需角度值。
1.alpha內插
2.找物件中心點技巧
(1) 放個圓球在視窗中間。
(2) 從上層物件開始調。
(3) 調下層物件時,隱藏上層物件,留上層位置。
3.自動alpha內插
4.改視角,aspect ratio:長寬比(寬:長)
圖學筆記Week16
本週課程內容:內插公式、動作內插、運鏡
內插公式:
alpha內插公式(alpha值0~1): angle = alpha*新+(1-alpha)*舊
alpha:0=>舊、alpha:0.5=>半新半舊、alpha:1=>新
動作內插
VERY BEAUTIFUL, VERY POWERFUL
一. 一樣先安裝且設定好freeglut,OpecCV, 開啟CodeBlocks建立新專案 week11_gundam, 把 MyGundam.zip下載解壓縮後的data資料夾放到freeglut/bin裡面 把week09_openc...
-
第一個OPENGL程式 0.Codeblocks 17.12 mingw裝好 1.File-New-Project ,選OPENGL專案 2.在[...]的目錄中,選[桌面] Projectsje nir 01_OPENGL 3.下一步,完成後Build&Run 4.可...
-
第一個OpenGL程式 1.安裝好 CodeBlocks 17.12 2. File-New-Project, 選OpenGL專案 2.在[點點點]的目錄中, 選「桌面」,Projectsje nir 01_OPENGL 3.下一步下一步,完成後,Build&Run 4...
-
1. 下載範例 https://jsyeh.org/3dcg10 data.zip windows.zip glut32.dll 2. windows.zip =解壓=> 下載\windows\Shapes.exe data.zip =解壓=> 下載...















.png)
.png)
.png)
.png)
.png)
.png)