2019電腦圖學: 06160743

顯示具有 06160743_徐宏宇 標籤的文章。顯示所有文章

2019年6月13日星期四

2019年6月6日星期四

呼呼呼電腦圖學的世界 Week- 16 耶端午連假到了

(1)作業 Q &A

(2)複習:貼圖
到https://sourceforge.net/projects/opencvlibrary/files/opencv-win/2.1/網頁下載opencv2.1

打開glut檔且储存
右鍵打開build option 匯入

輸入以下程式碼，即可在茶壺上印圖片

#include <GL/glut.h>

#include <opencv/highgui.h> ///OpenCV High GUI讀圖

///程式碼是對的, 但是沒有設定好include, lib, bin

void display()

{

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

glutSolidTeapot( 0.3 );

glutSwapBuffers();

}

GLuint id;

void myInit()

{

glEnable(GL_TEXTURE_2D);

IplImage * img = cvLoadImage("marvel.jpg");

glGenTextures(1, &id );

glBindTexture(GL_TEXTURE_2D, id);

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);

glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);

}

int main(int argc, char **argv)

{

///IplImage * img = cvLoadImage("marvel.jpg");

///cvShowImage("opencv", img);

///cvWaitKey(0);///等你按按鍵

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE |GLUT_DEPTH);

glutCreateWindow("GLUT");///之後

///建好GLUT視窗,可以開始準備 3D 貼圖 (要在create...MainLoop才能建貼圖)

myInit();///我們的貼圖在這裡

glutDisplayFunc(display);

glutMainLoop();///之前

}

若想要印三張圖可用

#include <GL/glut.h>

#include <opencv/highgui.h> ///OpenCV High GUI讀圖 ///貼圖需要它

#include <opencv/cv.h> ///OpenCV cvCvtColor() to convert color///貼圖需要它

///程式碼是對的, 但是沒有設定好include, lib, bin

GLuint id1, id2, id3;///NOW2 ///貼圖需要它

float a=0;

void display()

{

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

glBindTexture(GL_TEXTURE_2D, id1);///id1 for background ///貼圖需要它

glBegin(GL_POLYGON); ///貼圖需要它

glTexCoord2f(0, 0); glVertex3f(-1, +1, 0); ///貼圖需要它

glTexCoord2f(0, 1); glVertex3f(-1, -1, 0); ///貼圖需要它

glTexCoord2f(1, 1); glVertex3f(+1, -1, 0); ///貼圖需要它

glTexCoord2f(1, 0); glVertex3f(+1, +1, 0); ///貼圖需要它

glEnd();///貼圖需要它

glBindTexture(GL_TEXTURE_2D, id3);///id3 for rotating square

glPushMatrix();

glTranslatef(0.5, 0.5, 0);

glRotatef(a++, 0, 0, 1);

glScalef(0.3, 0.3, 0.3);

glBegin(GL_POLYGON);

glTexCoord2f(0, 0); glVertex3f(-1, +1, 0);

glTexCoord2f(0, 1); glVertex3f(-1, -1, 0);

glTexCoord2f(1, 1); glVertex3f(+1, -1, 0);

glTexCoord2f(1, 0); glVertex3f(+1, +1, 0);

glEnd();

glPopMatrix();

glBindTexture(GL_TEXTURE_2D, id2);///id2 for teapot

glutSolidTeapot( 0.3 );

glutSwapBuffers();

}

///void myInit()

GLuint myTexture(char * filename) ///貼圖需要它

{

IplImage * img = cvLoadImage(filename); ///NOW OpenCV ///貼圖需要它

cvCvtColor(img, img, CV_BGR2RGB);///convert color ///NOW OpenCV ///貼圖需要它

GLuint id; ///貼圖需要它

glEnable(GL_TEXTURE_2D); ///貼圖需要它

glGenTextures(1, &id ); ///貼圖需要它

glBindTexture(GL_TEXTURE_2D, id); ///貼圖需要它

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); ///貼圖需要它

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); ///貼圖需要它

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); ///貼圖需要它

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); ///貼圖需要它

glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData); ///貼圖需要它

return id;///貼圖需要它

}

int main(int argc, char **argv)

{

///IplImage * img = cvLoadImage("marvel.jpg");

///cvShowImage("opencv", img);

///cvWaitKey(0);///等你按按鍵

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE |GLUT_DEPTH);

glutCreateWindow("GLUT");///之後

///建好GLUT視窗,可以開始準備 3D 貼圖 (要在create...MainLoop才能建貼圖)

id1 = myTexture("marvel.jpg"); ///myInit();///我們的貼圖在這裡 ///貼圖需要它

id2 = myTexture("teapot.jpg");

id3 = myTexture("square.jpg");

glutDisplayFunc(display);

glutIdleFunc(display);

glutMainLoop();///之前

}

(3)複習:模型
加上紅字部分可加上模型

#include <GL/glut.h>
#include <opencv/highgui.h> ///OpenCV High GUI讀圖 ///貼圖需要它
#include <opencv/cv.h> ///OpenCV cvCvtColor() to convert color///貼圖需要它
///程式碼是對的, 但是沒有設定好include, lib, bin
GLuint id1, id2, id3;///NOW2 ///貼圖需要它
float a=0;

#include "glm.h"///呼叫外掛 ///glm需要它
GLMmodel * pmodel=NULL;///準備指標 ///glm需要它
GLMmodel * pmodel2=NULL;///準備指標 ///glm需要它
GLMmodel * pmodel3=NULL;///準備指標 ///glm需要它
GLMmodel * pmodel4=NULL;///準備指標 ///glm需要它

void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glEnable(GL_TEXTURE_2D);
glBindTexture(GL_TEXTURE_2D, id1);///id1 for background ///貼圖需要它
glBegin(GL_POLYGON); ///貼圖需要它
glTexCoord2f(0, 0); glVertex3f(-1, +1, 0); ///貼圖需要它
glTexCoord2f(0, 1); glVertex3f(-1, -1, 0); ///貼圖需要它
glTexCoord2f(1, 1); glVertex3f(+1, -1, 0); ///貼圖需要它
glTexCoord2f(1, 0); glVertex3f(+1, +1, 0); ///貼圖需要它
glEnd();///貼圖需要它

if (!pmodel) { ///glm需要它
pmodel = glmReadOBJ("body.obj"); ///glm需要它
if (!pmodel) exit(0); ///glm需要它
glmUnitize(pmodel); ///glm需要它
glmFacetNormals(pmodel); ///glm需要它
glmVertexNormals(pmodel, 90.0); ///glm需要它
}

glDisable(GL_TEXTURE_2D);
glPushMatrix();
glRotatef(a++, 0,1,0);
glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
glPopMatrix();

glutSwapBuffers();
}
///void myInit()
GLuint myTexture(char * filename) ///貼圖需要它
{
IplImage * img = cvLoadImage(filename); ///NOW OpenCV ///貼圖需要它
cvCvtColor(img, img, CV_BGR2RGB);///convert color ///NOW OpenCV ///貼圖需要它

GLuint id; ///貼圖需要它
glEnable(GL_TEXTURE_2D); ///貼圖需要它
glGenTextures(1, &id ); ///貼圖需要它
glBindTexture(GL_TEXTURE_2D, id); ///貼圖需要它
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); ///貼圖需要它
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); ///貼圖需要它
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); ///貼圖需要它
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); ///貼圖需要它
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData); ///貼圖需要它
return id;///貼圖需要它
}
const GLfloat light_ambient[] = { 0.0f, 0.0f, 0.0f, 1.0f }; ///glm需要它
const GLfloat light_diffuse[] = { 1.0f, 1.0f, 1.0f, 1.0f }; ///glm需要它
const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f }; ///glm需要它
const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f }; ///glm需要它
int main(int argc, char **argv)
{
///IplImage * img = cvLoadImage("marvel.jpg");
///cvShowImage("opencv", img);
///cvWaitKey(0);///等你按按鍵
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE |GLUT_DEPTH);
glutCreateWindow("GLUT");///之後
///建好GLUT視窗,可以開始準備 3D 貼圖 (要在create...MainLoop才能建貼圖)
id1 = myTexture("marvel.jpg"); ///myInit();///我們的貼圖在這裡 ///貼圖需要它
id2 = myTexture("teapot.jpg");
id3 = myTexture("square.jpg");

glutDisplayFunc(display);
glutIdleFunc(display);

glEnable(GL_DEPTH_TEST); ///glm需要它

glEnable(GL_LIGHT0); ///glm需要它
glEnable(GL_NORMALIZE); ///glm需要它
glEnable(GL_COLOR_MATERIAL); ///glm需要它
glEnable(GL_LIGHTING); ///glm需要它

glLightfv(GL_LIGHT0, GL_AMBIENT, light_ambient); ///glm需要它
glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse); ///glm需要它
glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular); ///glm需要它
glLightfv(GL_LIGHT0, GL_POSITION, light_position); ///glm需要它

glutMainLoop();///之前

}

ˊ
可能會破圖

(4)打光
需加打光

打光後與再增加新模型

2019年5月30日星期四

呼呼呼電腦圖學的世界 Week- 15 窩好像要延畢了 gg

(1)主題:攝影機.運鏡

到http://www.cmlab.csie.ntu.edu.tw/~0/jsyeh/3dcg1網站下載source、data、win32、glut32.dll這四個檔案
開啟Projection.exe

按右鍵查看不同投影法差別

垂直投影

透視投影
gluPerspecive(視野寬廣)
glLookAt(x,y,z) eye 攝影機
(x,y,z) center 中心點
＿
(x,y,z) up 手持鏡頭

一樣去freeglutwindows 網頁下載

freeglut3.0.0 MinGW

解壓縮後將libfreeglut.a檔複製並改名為libglut32.a

到codeblock裡開啟glut 並儲存

若要在codeblock上自己開啟以上project檔

將source資料夾的三個檔案丟到新專案檔 glm.c檔須改成glm.cpp

匯入glm.cpp檔
將projection檔內的程式碼匯入main函式

即可開啟

(2)主題:投影.矩陣

試著開始做投影矩陣
接著嘗試自己做(更改程式碼

#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
void drawmodel(void)
{
if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
}

glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
drawmodel();
glutSwapBuffers();
}

int main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
glutInitWindowSize(512,512);
glutInitWindowPosition(50, 50);
glutCreateWindow("week15");

// glutReshapeFunc(reshape);
glutDisplayFunc(display);

glutMainLoop();

return 0;
}

因為少了打光人體是空白的

#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
void drawmodel(void)
{
if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
}

glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
drawmodel();
glutSwapBuffers();
}

int main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
glutInitWindowSize(512,512);
glutInitWindowPosition(50, 50);
glutCreateWindow("week15");

// glutReshapeFunc(reshape);
glutDisplayFunc(display);

GLfloat light_pos[] = { 0.0, 0.0, -1.0, 0.0 };
glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
glEnable(GL_LIGHT0);
glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

glutMainLoop();

return 0;
}

加上打光即可印出

接著試著讓人物旋轉及使用投影矩陣
#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
void drawmodel(void)
{
if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
}
glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
drawmodel();
glutSwapBuffers();
}
#include <math.h>///for sin() cos() ///NOW3
float eyeX=0.5, eyeY=0, eyeZ=0; ///NOW3
void timer(int t)///NOW3
{
float angle = (t/180.0)*3.1415926; ///NOW3
eyeX=0.5*cos(angle); ///NOW3
eyeZ=0.5*sin(angle); ///NOW3

glutTimerFunc(33, timer, t+1);///NOW3
glMatrixMode(GL_MODELVIEW);///NOW3
glLoadIdentity();///NOW3
gluLookAt( eyeX, eyeY, eyeZ,///eye ///NOW3
0, 0, 0,///center ///NOW3
0, 1, 0);///up ///NOW3

glutPostRedisplay();///NOW3
}
int main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
glutInitWindowSize(512,512);
glutInitWindowPosition(50, 50);
glutCreateWindow("week15");
// glutReshapeFunc(reshape);
glutDisplayFunc(display);
glutTimerFunc(33, timer, 0);///NOW3

GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
glEnable(GL_LIGHT0);
glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

glutMainLoop();

return 0;
}

由此畫面可得知，人物沒完全顯現

需要再改良程式碼
(加上紅字改良垂直投影)
#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
void drawmodel(void)
{
if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
}
glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
drawmodel();
glutSwapBuffers();
}
#include <math.h>///for sin() cos() ///NOW3
float eyeX=0.5, eyeY=0, eyeZ=0; ///NOW3
void timer(int t)///NOW3
{

glMatrixMode(GL_PROJECTION); ///NOW4
glLoadIdentity(); ///NOW4
glOrtho(-1, +1, -1,+1, -10,+10); ///NOW4 你可以看到 -10...+10範圍(垂直投影

float angle = (t/180.0)*3.1415926; ///NOW3
eyeX=0.5*cos(angle); ///NOW3
eyeZ=0.5*sin(angle); ///NOW3

glutTimerFunc(33, timer, t+1);///NOW3
glMatrixMode(GL_MODELVIEW);///NOW3
glLoadIdentity();///NOW3
gluLookAt( eyeX, eyeY, eyeZ,///eye ///NOW3
0, 0, 0,///center ///NOW3
0, 1, 0);///up ///NOW3

glutPostRedisplay();///NOW3
}
int main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
glutInitWindowSize(512,512);
glutInitWindowPosition(50, 50);
glutCreateWindow("week15");
// glutReshapeFunc(reshape);
glutDisplayFunc(display);
glutTimerFunc(33, timer, 0);///NOW3

GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
glEnable(GL_LIGHT0);
glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

glutMainLoop();

return 0;

}

即可印出

接下來改為透視投影法
#include <GL/glut.h>///GLUT 外掛
#include "glm.h"///glm.cpp for 3D model glmReadOBJ(), glmDraw(), glmUnitized()
GLMmodel * pmodel=NULL;///指標
void drawmodel(void)
{
if (!pmodel) {
pmodel = glmReadOBJ("data/al.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
}
glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}
void display(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
drawmodel();
glutSwapBuffers();
}
#include <math.h>///for sin() cos() ///NOW3
float eyeX=2, eyeY=0, eyeZ=0; ///NOW3
void timer(int t)///NOW3
{

glMatrixMode(GL_PROJECTION); ///NOW4
glLoadIdentity(); ///NOW4
///glOrtho(-1, +1, -1,+1, -10.0,10.0); ///NOW4 你可以看到 -10...+10範圍
gluPerspective(60, 1.0, 0.001, 1000);///NOW5 透視投影法

float angle = (t/180.0)*3.1415926; ///NOW3
eyeX=2*cos(angle); ///NOW3
eyeZ=2*sin(angle); ///NOW3

glutTimerFunc(33, timer, t+1);///NOW3
glMatrixMode(GL_MODELVIEW);///NOW3
glLoadIdentity();///NOW3
gluLookAt( eyeX, eyeY, eyeZ,///eye ///NOW3
0, 0, 0,///center ///NOW3
0, 1, 0);///up ///NOW3

glutPostRedisplay();///NOW3
}
int main(int argc, char** argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE);
glutInitWindowSize(512,512);
glutInitWindowPosition(50, 50);
glutCreateWindow("week15");
// glutReshapeFunc(reshape);
glutDisplayFunc(display);
glutTimerFunc(33, timer, 0);///NOW3

GLfloat light_pos[] = { 0.0, 0.0, 1.0, 0.0 };
glEnable(GL_DEPTH_TEST);
glEnable(GL_LIGHTING);
glEnable(GL_LIGHT0);
glLightfv(GL_LIGHT0, GL_POSITION, light_pos);

glutMainLoop();

return 0;

}

(3)複習:位置移動vs轉動

(4)複習:背景貼圖

2019年5月23日星期四

呼呼呼電腦圖學的世界 Week- 14 今天真涼快

(1)主題:計時器Timer

一樣去freeglutwindows 網頁下載

freeglut3.0.0 MinGW

解壓縮後將libfreeglut.a檔複製並改名為libglut32.a

到codeblock裡開啟glut 並儲存

先用撥放聲音檔來示範，茶壺程式碼加上紅字部分

#include <GL/glut.h>
#include <mmsystem.h>///Now (1)
#include <stdio.h>///printf()
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glutSolidTeapot( 0.3 );
glutSwapBuffers();
}
void timer(int t)///NOW timer!!!!
{
glutTimerFunc(1000, timer, t+1 );///NOW timer! 每隔一秒鐘再播放一次
printf("timer(t) 的 t是 %d\n", t);///順便印一下現在的t是多少
PlaySoundA("bazooka.wav", NULL, SND_ASYNC);///Now (2) ///NOW timer!!!! 播放聲音檔
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutInitWindowSize(500,500);///變大了
glutCreateWindow("week 14 timer");

glutDisplayFunc(display);
glutTimerFunc(3000, timer, 0);///NOW timer!!!!

glutMainLoop();
}

接下來進入正題，讓茶壺一秒鐘旋轉30度
#include <GL/glut.h>
#include <mmsystem.h>///Now (1)
float angle=0; //宣告角度
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glRotatef(angle, 0,0,1);
glutSolidTeapot( 0.3 );
glPopMatrix();
glutSwapBuffers();
}
void timer(int t)///NOW timer!!!!
{
/// 1000 ms = 1 sec, 30 ms = 1/33 sec , 33 fps
glutTimerFunc(30, timer, t+1 );///NOW timer!!!! 起床要播下一個鬧鐘
angle += 1;
glutPostRedisplay();///系統重繪畫面
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutInitWindowSize(500,500);///變大了
glutCreateWindow("week 14 timer");

glutDisplayFunc(display);
glutTimerFunc(3000, timer, 0);///NOW timer!!!!

glutMainLoop();
}

(2)主題:內插公式
內插公式=Alpha*未來值-(1-Alpha)*過去值

加紅字部分使用內插法，讓茶壺從最左跑到最右

#include <GL/glut.h>
#include <mmsystem.h>///Now (1)
float angle=0;
float nowX=0;///NOW2
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
///glRotatef(angle, 0,0,1);
glTranslatef(nowX, 0, 0);///NOW2
glutSolidTeapot( 0.3 );
glPopMatrix();
glutSwapBuffers();
}
void timer(int t)///NOW timer!!!!
{
/// 1000 ms = 1 sec, 30 ms = 1/33 sec , 33 fps
glutTimerFunc(30, timer, t+1 );///NOW timer!!!! 起床要播下一個鬧鐘
float alpha = (t%33) / 33.0;///NOW2 alpha 內插
nowX = alpha* 1 + (1-alpha)* -1 ;///NOW2

angle += 1;
glutPostRedisplay();///系統重繪畫面
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutInitWindowSize(500,500);///變大了
glutCreateWindow("week 14 timer");

glutDisplayFunc(display);
glutTimerFunc(1000, timer, 0);///NOW timer!!!!

glutMainLoop();

}

(3) 主題:動畫

綜合前兩大主題，可做出簡單動畫
以上次模型為例
#include <stdio.h>///NOW for fprintf()
#include <GL/glut.h>
#include "glm.h"

FILE * fout = NULL;///NOW for fprintf()
FILE * fin = NULL;///NOW for fscanf()

GLMmodel* pmodel = NULL;
GLMmodel* pmodel2 = NULL;
GLMmodel* pmodel21 = NULL;
GLMmodel* pmodel3 = NULL;
GLMmodel* pmodel31 = NULL;
GLMmodel* pmodel4 = NULL;
GLMmodel* pmodel41 = NULL;
GLMmodel* pmodel5 = NULL;
GLMmodel* pmodel51 = NULL;

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 oldAngle[20];///NOW4
float newAngle[20];///NOW4
float angle[20];
int angleID=1;

void display(){
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
///身體
glPushMatrix();
glTranslatef(0, 0.3,0 );
glScalef(0.5,0.5,0.5);

if (!pmodel) {
pmodel = glmReadOBJ("data/06160451.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
}
glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
///右上臂
glPushMatrix();
glTranslatef(0.45,0.3,0 );
glScalef(0.5,0.5,0.5);
glRotatef(angle[1], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();
glTranslatef(0,-1.1,0 );
glScalef(1,1,1);
glRotatef(angle[2], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);
glPopMatrix();
glPopMatrix();
glPushMatrix();
glTranslatef(-0.45,0.3,0 );
glScalef(0.5,0.5,0.5);
glRotatef(angle[3], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();
glTranslatef(0,-1.1,0 );
glScalef(1,1,1);
glRotatef(angle[4], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);
glPopMatrix();
glPopMatrix();

glPushMatrix();
glTranslatef(0.2,-1.05,0 );
glScalef(0.5,0.5,0.5);
glRotatef(angle[5], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();
glTranslatef(0,-1.2,0 );
glScalef(1,1,1);
glRotatef(angle[6], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);
glPopMatrix();
glPopMatrix();

glPushMatrix();
glTranslatef(-0.2,-1.05,0 );
glScalef(0.5,0.5,0.5);
glRotatef(angle[7], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();
glTranslatef(0,-1.2,0 );
glScalef(1,1,1);
glRotatef(angle[8], 0,0,1);
glTranslatef(0,-0.7, 0);
if (!pmodel2) {
pmodel2 = glmReadOBJ("data/123.obj");
if (!pmodel2) exit(0);
glmUnitize(pmodel2);
glmFacetNormals(pmodel2);
glmVertexNormals(pmodel2, 90.0);
}
glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);
glPopMatrix();
glPopMatrix();

glPopMatrix();

glutSwapBuffers();
}
int oldX=0;
void mouse(int button, int state, int x, int y)///NOW2
{
oldX = x;
}
#include <stdio.h>
void motion(int x, int y)
{
angle[angleID] += x-oldX;
oldX = x;
for(int i=0;i<20;i++){
printf(" %.2f ", angle[i]);
}
printf("\n");
display();
///motion裡面,就不要再存檔了.... (第13週一直存,但現在不要存,才不會亂亂的)
}

void timer(int t)///NOW4
{///NOW4
glutTimerFunc(33, timer, t+1);///NOW4 變快了... 撥好下一個timer的時間.... 等一下它會醒來
if(t%30==0){///關鍵的時間每過1秒,讀新的 ///NOW4
if(fin==NULL) fin=fopen("motion.txt", "r");///NOW4
for(int i=0; i<20; i++){///NOW4
oldAngle[i] = newAngle[i];///NOW4 原本的新的,就變舊的
fscanf(fin, "%f", &newAngle[i]);///NOW4 再從檔案,讀入新的
}///NOW2
}
float alpha= (t%30)/30.0;///NOW4 算出alpha值 0.0 ... 1.0
for(int i=0; i<20; i++){///NOW4 20個關節角度
angle[i] = alpha * newAngle[i] + (1-alpha) * oldAngle[i];///NOW4 都要做內插
}
glutPostRedisplay();///NOW4 重畫畫面
}
void keyboard(unsigned char key, int x, int y)
{
if(key=='1') angleID=1;
if(key=='2') angleID=2;
if(key=='3') angleID=3;
if(key=='4') angleID=4;
if(key=='5') angleID=5;
if(key=='6') angleID=6;
if(key=='7') angleID=7;
if(key=='8') angleID=8;
if(key=='w'){///只有按下'w'才存1組動作 (1行)
if(fout==NULL) fout=fopen("motion.txt", "w+");///NOW
for(int i=0; i<20; i++){///NOW
fprintf(fout, " %.1f ", angle[i]);///NOW
}///NOW
fprintf(fout, "\n");///NOW
}///NOW
if(key=='r'){///NOW2
if(fin==NULL) fin=fopen("motion.txt", "r");///NOW2
for(int i=0; i<20; i++){///NOW2
fscanf(fin, "%f", &angle[i]);///NOW2
}///NOW2
}
if(key=='p' || key=='t'){///NOW3 Play!!!!!!! timer 叫起來
glutTimerFunc(500, timer, 0);///NOW3 撥好第1個timer的時間.... 等一下它會醒來
if(fin==NULL) fin=fopen("motion.txt", "r");///NOW3
for(int i=0; i<20; i++){///NOW3
fscanf(fin, "%f", &newAngle[i]);///NOW4
}///NOW2
}
glutPostRedisplay();///NOW2 重畫畫面
}

int main(int argc,char**argv){
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
glutCreateWindow("Week06");

glutDisplayFunc(display);
glutIdleFunc(display);
glClearColor(1,1,1,1);
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);
glutKeyboardFunc(keyboard);///NOW3
glutMouseFunc(mouse);///NOW2
glutMotionFunc(motion);///NOW2
glutDisplayFunc(display);

glutMainLoop();

}

(4)期末作品

2019年5月16日星期四

呼呼呼電腦圖學的世界 Week-13

(1)主題:檔案
先開啟Console application專案，新增新檔案
輸入以下程式碼
#include <stdio.h>
FILE *fout=NULL;

int main()
{
fout =fopen("Filename.txt","w+"); //撰寫檔案
for(int i=0;i<20;i++)
{
fprintf(fout,"Hello World\n");
}

}

先嘗試做有關節的檔案
#include <stdio.h>
FILE *fout2=NULL; //寫另一個檔案
FILE *fin2=NULL;//讀另一個檔案
float angle[20];//我們有20個關節的角度

int main()
{
fout2 =fopen("motion.txt","w+");//另一個有關節的檔案
for(int i=0;i<20;i++)
{
fprintf(fout2," %.2f ",angle[i]);//另一個有關節的檔案
}

}

(2)主題:關節、擺動作
與上上週一樣，用茶壺示範
#include <GL/glut.h>
float angle[20];///NOW2
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glColor3f(1, 1, 1);///white
glutSolidTeapot( 0.3 );///body
glPushMatrix();
C:\Users\user\Desktop\06160743-glut\main.cpp glTranslatef(0.2, 0, 0);///NOW2 (3)掛上去
glRotatef(angle[1], 0,0,1);///NOW2 ///(2)旋轉
glTranslatef(0.15, 0, 0);///NOW2 (1)旋轉中心
glColor3f(1, 0, 0);///red
glutSolidTeapot( 0.2 );///right arm
glPopMatrix();
glPopMatrix();
glutSwapBuffers();
}
int oldX=0;///NOW2
void mouse(int button, int state, int x, int y)///NOW2
{///NOW2
oldX = x;///NOW2
}
void motion(int x, int y)///NOW2
{///NOW2
angle[1] += x-oldX;///NOW2
oldX = x;///NOW2
display();///NOW2
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
///glutInitWindowSize(600,600);///可以開大一點的window
glutCreateWindow("Week 13 angle motion file");
glutMouseFunc(mouse);///NOW2
glutMotionFunc(motion);///NOW2
glutDisplayFunc(display);

glutMainLoop();

}

承上上週可嘗試將數據印下來
#include <stdio.h>///NOW3
void motion(int x, int y)///NOW2
{///NOW2
angle[angleID] += x-oldX;///NOW3
oldX = x;///NOW2
for(int i=0;i<20;i++){///NOW3
printf(" %.2f ", angle[i]);///NOW3
}
printf("\n");///NOW3
display();///NOW2
}

可印出角度值的改變

最後與主題一結合，開始讀檔案
#include <GL/glut.h>
#include <stdio.h>///NOW_FILE (0)
float angle[20];///NOW2
int angleID=1;///NOW3
FILE * fout = NULL;///NOW_FILE (1)
FILE * fin = NULL;///NOW_FILE_READ (1)
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glPushMatrix();
glColor3f(1, 1, 1);///white
glutSolidTeapot( 0.3 );///body

glPushMatrix();///右邊
glTranslatef(0.2, 0, 0);///NOW2 (3)掛上去
glRotatef(angle[1], 0,0,1);///NOW2 ///(2)旋轉
glTranslatef(0.15, 0, 0);///NOW2 (1)旋轉中心
glColor3f(1, 0, 0);///red
glutSolidTeapot( 0.2 );///right arm
glPushMatrix();
glTranslatef(0.2, 0, 0);///NOW2 (3)掛上去
glRotatef(angle[2], 0,0,1);///NOW2 ///(2)旋轉
glTranslatef(0.15, 0, 0);///NOW2 (1)旋轉中心
glColor3f(1, 0, 0);///red
glutSolidTeapot( 0.2 );///right lower arm
glPopMatrix();
glPopMatrix();

glPushMatrix();///左邊
glTranslatef(-0.2, 0, 0);///NOW2 (3)掛上去
glRotatef(angle[3], 0,0,1);///NOW2 ///(2)旋轉
glTranslatef(-0.15, 0, 0);///NOW2 (1)旋轉中心
glColor3f(1, 0, 0);///red
glutSolidTeapot( 0.2 );///right arm
glPushMatrix();
glTranslatef(-0.2, 0, 0);///NOW2 (3)掛上去
glRotatef(angle[4], 0,0,1);///NOW2 ///(2)旋轉
glTranslatef(-0.15, 0, 0);///NOW2 (1)旋轉中心
glColor3f(1, 0, 0);///red
glutSolidTeapot( 0.2 );///right lower arm
glPopMatrix();
glPopMatrix();
glPopMatrix();
glutSwapBuffers();
}
int oldX=0;///NOW2
void mouse(int button, int state, int x, int y)///NOW2
{///NOW2
oldX = x;///NOW2
}

void motion(int x, int y)///NOW2
{///NOW2
angle[angleID] += x-oldX;///NOW3
oldX = x;///NOW2
if(fout == NULL) fout = fopen("motion.txt", "w+");///NOW_FILE (2)
for(int i=0;i<20;i++){///NOW3
printf(" %.2f ", angle[i]);///NOW3
fprintf(fout, " %.2f ", angle[i]);///NOW_FILE
}
printf("\n");///NOW3
fprintf(fout, "\n");///NOW_FILE
display();///NOW2
}
void keyboard(unsigned char key, int x, int y)///NOW3
{///NOW3
if(key=='1') angleID=1;///NOW3
if(key=='2') angleID=2;///NOW3
if(key=='3') angleID=3;///NOW3
if(key=='4') angleID=4;///NOW3
if(key=='w'){///NOW_FILE
fout = fopen("motion.txt", "w+");///NOW_FILE (2)
}
if(key=='r'){
if(fin==NULL) fin = fopen("motion.txt", "r");///NOW_FILE_READ (2)
///scanf("%d", &n);
for(int i=0;i<20; i++){///NOW_FILE_READ
fscanf(fin, "%f", &angle[i]);///NOW_FILE_READ
printf(" %.2f ", angle[i]);///順便印出來看數字對不對
}
}
glutPostRedisplay();///NOW_FILE_READ 和 display()很像
}
int main(int argc, char**argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
///glutInitWindowSize(600,600);///可以開大一點的window
glutCreateWindow("Week 13 angle motion file");
glutKeyboardFunc(keyboard);///NOW3
glutMouseFunc(mouse);///NOW2
glutMotionFunc(motion);///NOW2
glutDisplayFunc(display);

glutMainLoop();
}

按w可以開始撰寫檔案，記錄下來
檔案會存放到freeglut資料夾

下一次執行連續按r時，就可以執行上一次存下來的紀錄檔

加上紅字部分

加上glutInitWindowSize(600,600); 可讓視窗變大

(3)主題:複習

(4)作業:機器人擺動作

訂閱：文章 (Atom)

2019年6月13日 星期四

期末作品展示w-17

2019年6月6日 星期四

呼呼呼 電腦圖學的世界 Week- 16 耶 端午連假到了

2019年5月30日 星期四

呼呼呼 電腦圖學的世界 Week- 15 窩好像要延畢了 gg

2019年5月23日 星期四

呼呼呼 電腦圖學的世界 Week- 14 今天真涼快

2019年5月16日 星期四

呼呼呼 電腦圖學的世界 Week-13