2022電腦圖學 Computer Graphics 授課教師: 葉正聖 銘傳大學資訊傳播工程系 每週主題: 程式環境、點線面顏色、移動/旋轉/縮放與矩陣(Matrix)、階層性關節轉動(T-R-T)、做出機器人、打光、貼圖、glu/glut函式、鍵盤、滑鼠、計時器(timer)、讀入3D模型、粒子系統、聲音、特效、投影矩陣、攝影機與運鏡、機器人2.0、期末作品
2022年5月3日 星期二
嘟嘟嘟嘟...... week11
Different Dimension Demon的契約書 week11
step01
1.File-New-Project,GLUT專案week11-gundam
2.week09 opencv程式
```c++
#include<opencv/highgui.h>
int main()
{
IplImage * img =cvLoadImage("data/Diffuse.jpg");
cvShowImage("Week11",img);
cvWaitKey(0);
}
```
```c++
#include <GL/glut.h>
#include <opencv/highgui.h>
#include <opencv/cv.h>
int myTexture(char * filename)
{
IplImage * img = cvLoadImage(filename); ///OpenCV讀圖
cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)
glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能
GLuint id; ///準備一個 unsigned int 整數, 叫 貼圖ID
glGenTextures(1, &id); /// 產生Generate 貼圖ID
glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖ID
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);/// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);/// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖
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;
}
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);///glutSolidTeapot(0.3);
glutSolidTeapot(0.3);
glutSwapBuffers();
}
int main(int argc ,char** argv)
{
glutInit( &argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("week11 gundam");
glutDisplayFunc(display);
myTexture("data/Diffuse.jpg");
glutMainLoop();
}
```
step02
1.http://jsyeh.org/3dcg10下載 source.zip
把glm.c改檔名成glm.cpp,把glm.cpp放到gundam專案
在專案中按右鍵add file加入glm.cpp
main.cpp前面加include兩行
didsplay加多行
```c++
#include <GL/glut.h>
#include <opencv/highgui.h>
#include <opencv/cv.h>
#include "glm.h"
GLMmodel *pmodel=NULL;
int myTexture(char * filename)
{
IplImage * img = cvLoadImage(filename); ///OpenCV讀圖
cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)
glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能
GLuint id; ///準備一個 unsigned int 整數, 叫 貼圖ID
glGenTextures(1, &id); /// 產生Generate 貼圖ID
glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖ID
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);/// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);/// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖
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;
}
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);///glutSolidTeapot(0.3);
if(pmodel==NULL)///如果是空指標,表示模型沒做好
{
pmodel=glmReadOBJ("data/Gundam.obj");///讀模型
glmUnitize(pmodel);///換算Unit單位,-1,,,+1
glmFacetNormals(pmodel);///重新計算模型面法向量
glmVertexNormals(pmodel,90);///重新計算模型頂點法向量
}
glmDraw(pmodel,GLM_TEXTURE);
glutSwapBuffers();
}
int main(int argc ,char** argv)
{
glutInit( &argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("week11 gundam");
glutDisplayFunc(display);
myTexture("data/Diffuse.jpg");
glutMainLoop();
}
```
2.
貼圖上下顛倒了
把data/Diffuse.jpg用小畫家水平翻轉
step03
鋼彈轉動
```c++
#include <GL/glut.h>
#include <opencv/highgui.h>
#include <opencv/cv.h>
#include "glm.h"
GLMmodel *pmodel=NULL;
int myTexture(char * filename)
{
IplImage * img = cvLoadImage(filename); ///OpenCV讀圖
cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)
glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能
GLuint id; ///準備一個 unsigned int 整數, 叫 貼圖ID
glGenTextures(1, &id); /// 產生Generate 貼圖ID
glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖ID
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);/// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);/// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖
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;
}
float angle=0;
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);///glutSolidTeapot(0.3);
if(pmodel==NULL)///如果是空指標,表示模型沒做好
{
pmodel=glmReadOBJ("data/Gundam.obj");///讀模型
glmUnitize(pmodel);///換算Unit單位,-1,,,+1
glmFacetNormals(pmodel);///重新計算模型面法向量
glmVertexNormals(pmodel,90);///重新計算模型頂點法向量
}
glPushMatrix();
glRotatef(angle,0,1,0);
glmDraw(pmodel,GLM_TEXTURE);
glPopMatrix();
glutSwapBuffers();
angle+=1;
}
int main(int argc ,char** argv)
{
glutInit( &argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("week11 gundam");
glutIdleFunc(display);
glutDisplayFunc(display);
myTexture("data/Diffuse.jpg");
glutMainLoop();
}
```
```c++
#include<GL/glut.h>
void hand()
{
glColor3f(0,1,0);
glutSolidTeapot(0.2);
}
void body()
{
glColor3f(1,1,0);
glutSolidTeapot(0.3);
}
float angle=0;
void display()
{
glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
body();
glPushMatrix();
glTranslatef(0.5,0.2,0);
glRotatef(angle,0,0,1);
glTranslatef(0.3,0,0);
hand();
glPopMatrix();
glutSwapBuffers();
angle++;
}
int main(int argc,char**argv)
{
glutInit(&argc,argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
glutCreateWindow("week11 TRT");
glutIdleFunc(display);
glutDisplayFunc(display);
glutMainLoop();
}
```
(圖學筆記)電腦圖學Week11
Week11
## step01-1
持續實作 glm 模型相關練習: OpenCV讀圖
1.安裝opencv2.1
#include <opencv/highgui.h>
int main()
{
IplImage * img = cvLoadImage( "data/Diffuse.jpg" );
cvShowImage("week11", img);
}
## step01-2
持續實作 glm 模型相關練習: 把茶壼貼上Gundam的貼圖
1. 複製上週的程式
#include <opencv/highgui.h>
#include <opencv/cv.h>
#include <GL/glut.h>
int myTexture(char * filename)
{
IplImage * img = cvLoadImage(filename);
cvCvtColor(img,img, CV_BGR2RGB);
glEnable(GL_TEXTURE_2D);
GLuint id;
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;
}
void display()
{
glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
glutSolidTeapot( 0.3 );
glutSwapBuffers();
}
int main(int argc, char** argv)
{
glutInit( &argc, argv );
glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("week11 gundam");
glutDisplayFunc(display);
myTexture("data/Diffuse.jpg");
glutMainLoop();
}
step02-1
持續實作 glm 模型相關練習: 把模型 讀進來, 畫出來
1. 在 jsyeh.org/3dcg10 下載 source.zip
2. 把 glm.c 改檔名成 glm.cpp 把 glm.h glm.cpp 放到 week11
3. 在 week11_gundam Add Files 加入 glm.cpp
4. 加入程式碼
5. main.cpp 在前面 include 2行
6. display() 裡 加入好多行
#include "glm.h"
GLMmodel * pmodel = NULL;
void display()
{
glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
///glutSolidTeapot( 0.3 );
if( pmodel == NULL ){
pmodel = glmReadOBJ("data/Gundam.obj");
glmUnitize( pmodel );
glmFacetNormals( pmodel );
glmVertexNormals( pmodel , 90 );
}
glmDraw( pmodel, GLM_TEXTURE );
glutSwapBuffers();
}
```
step02-2
發現問題:
1. 貼圖上下倒過來 身體是藍色,腳是白色
2. 所以,把 data\Diffuse.jpg 用小畫家改一下
step03-1
float angle=0;
void display()
{
glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
if( pmodel == NULL ){
pmodel = glmReadOBJ("data/head.obj");
glmUnitize( pmodel );
glmFacetNormals( pmodel );
glmVertexNormals( pmodel , 90 );
}
glPushMatrix();
glRotatef(angle, 0,1,0);
glmDraw( pmodel, GLM_TEXTURE );
glPopMatrix();
glutSwapBuffers();
angle += 1;
}
step03-2
#include <GL/glut.h>
void hand(){
glColor3f(0,1,0);
glutSolidTeapot( 0.2 );
}
void body(){
glColor3f(1,1,0);
glutSolidTeapot( 0.3 );
}
float angle=0;
void display()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
body();
glPushMatrix();
glTranslatef(0.5, 0.2, 0);
glRotatef(angle, 0,0,1);
glTranslatef(0.3, 0, 0);
hand();
glPopMatrix();
glutSwapBuffers();
angle++;
}
int main(int argc, char**argv)
{
glutInit( &argc, argv );
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
glutCreateWindow("week11 TRT");
glutIdleFunc( display );
glutDisplayFunc( display );
glutMainLoop();
}
2022年5月2日 星期一
電腦圖學week10筆記
2.
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...
-
今天一開始我們先學播聲音 因為沒有音檔,所以一開始應該會播錯誤訊息的音效 然而可能程式會錯誤無法播放 就必須在compilier>linker裡設定winmm 然後是MP3檔 要先去moodle下載CMP3_MCI.h 才能播放 #include <stdio.h...



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




