2017年11月2日 星期四

LBH的計圖學習筆記_week 08

1. 執行Texture,嘗試變動參數

2. 下載opencv 2.1(vs 2008版本),並安裝。安裝時,路徑選項要選第三個。

3. 找好地球的圖片,放在專案檔裡
4. 打開codeblocks,建立專案,點 Console application。對專案檔按右鍵,點build options

5. 按照圖片依序進行設定 (compiler 對 include ,linker 對 lib)



6. 輸入程式碼,執行,即可看到圖片顯示出來
#include<opencv/highgui.h>
int main(){
    IplImage * img= cvLoadImage("earth.jpg");
    cvNamedWindow("hello");
    cvShowImage("hello",img);
    cvWaitKey(0);
    return 0;
}

7. 下載 week08-3earth.zip ,執行程式,出現會旋轉的地球

Mengting計圖筆記Week08 - Texture貼圖

主題: Texture 貼圖
OpenCV安裝、讀圖
OpenGL貼圖設定
範例:轉動的地球


學習設定openCV專案

1. 到網站下載以下壓縮檔:data、windows、glut32、source,並解壓縮。
2. 把data資料夾及glut32.dll放入windows資料夾,以成功執行檔案。
3. google keyword "opencv 2.1",下載OpenCV-2.1.0-win32-vs2008.exe
(可在moodle找到),看連結安裝說明並安裝。
4. 選擇第3個選項


    路徑不用改變


5. 安裝完openCV後,codeblocks開新專案。
file -> new -> project -> console application

6. 貼上以下程式碼

7. 下載earth.jpg圖片,並存在專案資料夾。


8. 在codeblocks左方專案名稱上方按右鍵->Build options->Search directories做設定。
Search directories->Compiler->Add directory : c:\opencv2.1\include
Search directories->Linker->Add directory : c:\opencv2.1\lib
Linker setting->Add library : cv210 
Linker setting->Add library : cxcore210 
Linker setting->Add library : highgui210

9. 此時執行檔案,便可成功展示圖片。



1. 開新GLUT專案,重複上述步驟8做設定,即可成功於此撰寫openCV程式。
2. 把earth.jpg也存到freeglut->bin當中。

老師的程式碼:

3. (參考moodle上老師的專案)

7Hao-計算機圖學-Week08

主題: Texture 貼圖
1. 搜尋3dcg10, 下載source, data, win32, glut32.dll, 把data, glut32.dll放到windows資料夾裡面
2. 打開Texture.exe



(1) OpenCV 安裝, 讀圖
到moodle安裝OpenCV-2.1.0-win32-vs2008
*path要勾第三個(或第二個)

安裝完後關掉CodeBlocks再重新開啟
開啟新專案Console application:

修改程式碼
#include <opencv/highgui.h>
int main()
{
    IplImage *img=cvLoadImage("earth.jpg");
    cvNamedWindow("hello");
    cvShowImage("hello", img);
    cvWaitKey(0);
}
專案Build options:
F9編譯+執行


換成開一個GLUT專案
同上對專案Build options設定一樣的東西
把earth.jpg放在freeglut的bin裡面
程式碼加上
#include <opencv/highgui.h>
    IplImage *img=cvLoadImage("earth.jpg");
    cvNamedWindow("hello");
    cvShowImage("hello", img);

執行
(2) OpenGL 貼圖設定

(3) 範例: 轉動地球
到moodle下載week08-3earth.zip檔案

James的圖學筆記week07

設置光源參數:
void glLightfv ( GLenum lightGLenum pnameconst GLfloat * params);
void glLightiv ( GLenum lightGLenum pname, const GLint * params);
params:指定光源光的參數pname將被設置為的值或值的指標

void motion(int x,int y)
{
    light_position[0]=(x-150)/150.0*2;
    light_position[1]=-(y-150)/150.0*2;
    glLightfv(GL_LIGHT0,GL_POSITION,light_position);
    glutPostRedisplay();
}

周承翰_計圖學習筆記_Week08

Week08 

上課主軸 :  

(1) Texture 貼圖
(2) OpenCV 安裝、讀圖
(3) OpenGL 貼圖設定
(4) 範例 : 轉動地球
--------------------------------------------------------------------------------------------------

軟體安裝 :

(1) data.zip --->桌面\windows\data\*.sgi
(2) windows.zip --->桌面\windows\Texture.exe (glTexCoord2f(tx,ty))
(3) glut32.dll --->桌面\windows\glut32.dll
(4) source.zip

網址 : NTNU moodle2.8 
(1) opencv-2.1.0-win32-vs2008.exe 安裝
小提醒 : PATH 要勾 2、3 


















--------------------------------------------------------------------------------------------------------

啟動程式 OpenCV : 

(1) 開啟 CodeBlocks --> File --> New --> Project
(2) 選擇 Console App
(3) 複製以下程式碼進main.cpp
#include <opencv/highgui.h>

int main()
{
    IplImage * img = cvLoadImage("earth.jpg");
    cvNamedWindow("Hello opencv");
    cvShowImage("Hello opencv", img);
    cvWaitKey(0);
}

(4) 到 google 找一張 earth map 的圖
      改名為earth.jpg,並放進week08資料夾
      


(5) 在Codeblocks中對 week08.cbp 按右鍵 -->  Build Option --> Search directories
      

     Compiler --> Add --> 輸入 : 【c:\\opencv2.1\include】
     Linker     --> Add --> 輸入 : 【c:\\opencv2.1\lib】
     
      
      點選 Linker setting --> Link Libraries 
      Add --> 輸入 --> 【cv210】
      Add --> 輸入 --> 【cxcore210】
      Add --> 輸入 --> 【highgui210】
      點選OK                                
      

(6) 按下F9執行看看 Go ! 

---------------------------------------------------------------------------------------------------------------

啟動程式 OpenGL : 

(1) 開啟 CodeBlocks --> File --> New --> Project
(2) 選擇 GLUT project 專案檔,取名 week08-2
(3) 重複上述 OpenCV 第 (5) 點
(4) 將上述 OpenCV 第 (3) 點的程式碼複製到 GLUT 專案檔的 int main中

(5) 此時按下 F9 應該會 掛點 !   原因:earth.jpg沒放進GLUT專案檔
(6) 將 earth.jpg 複製到 桌面\freeglut\bin 

(7) 此時回到CodeBlocks按下F9、按下一個空白建
      能成功開啟OpenCV與OpenGL檔


幹 ! 超感動的拉 !

-------------------------------------------------------------------------------------------------------------------

啟動程式 OpenGL (設定貼圖) : 

複製以下程式碼到 main.cpp

#include <opencv/highgui.h> ///for cvLoadImage()
#include <opencv/cv.h> ///for cvCvtColor()
#include <GL/glut.h> ///3D glut
#include <stdio.h>
GLUquadric * quad;
GLuint id;
float angle=0;
void display()
{   glEnable(GL_DEPTH_TEST); ///要啟動 Detph Test 深度值的測試,3D顯示才正確
    glClear(GL_COLOR_BUFFER_BIT  | GL_DEPTH_BUFFER_BIT);
    glPushMatrix();///自動轉很帥
        glRotatef(90, 1,0,0);
        glRotatef(angle, 0,0,1);///自動轉很帥
        gluQuadricTexture(quad, 1);
        gluSphere(quad, 1, 30, 30);///glutSolidTeapot(0.3);
    glPopMatrix();///自動轉很帥
    glFlush();
}
void timer(int t)
{   glutTimerFunc(20, timer, 0);/// 1000 msec   50fps:20msec
    angle+=1;///自動轉很帥
    glutPostRedisplay();
}
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 myInit()
{   quad = gluNewQuadric();
    id = myTexture("earth.jpg");
}
int main(int argc, char**argv)
{   glutInit(&argc, argv);
    glutCreateWindow("3D");
    glutDisplayFunc(display); ///顯示
    glutTimerFunc(0, timer, 0);
    myInit(); ///我的 init 初始化 把貼圖準備好 前面OpenCV 2行, 後面 OpenGL 9行
    glutMainLoop();
}

小葉老師背不起來,大家上moodle複製main.cpp

按下F9執行 


會轉的地球誕生了


俊凱的Week07筆記

1.作業互評
2.Mouse-Light打光
步驟一:打開glut專案擋
步驟二:尋找main中之 glLightfv函式
步驟三:尋找相關函式的宣告變數
步驟四:將GLfloat light_position[]函式前的const去除,才可以進行修正
步驟五:新增motion函式,並在main加入glutMotionFunc(motion);函式
  void motion(int x, int y)
{
    light_position[0]=(x-150*2)/150.0*2;  //變更光源座標為滑鼠座標
    light_position[1]=-(y-150)/150.0*2; 
    glLightfv(GL_LIGHT0,GL_POSITION,light_position); //重設光源
    glutPostRedisplay(); 
}
步驟六:編譯執行,完成!!!!

           

2017年11月1日 星期三

范姜紹瑋_Week7_筆記

打光
建立glut專案檔後,找到"const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f };"後,將const刪除,並且在下面加入motion函式,以利使用滑鼠的移動來控制打光








另外,還要再main函式裡加入"glutMotionFunc(motion);"




接著執行後就可以用滑鼠來控制打光的方向了