2017年2月20日 星期一

[電腦圖學]Week01 松賢的上課筆記

作業一:OpenGL Client Test


(示意圖)
步驟教學:請開啟瀏覽器並貼上此網址:http://madebyevan.com/webgl-water/ (複製或直接點選進入皆可),進入頁面之後會有一個類似游泳池並裝滿水,裡面附有一顆白球,使用者可以試著移動球體,藉以檢視當前所使用的電腦是否能夠使用WebGL程式。




作業二:OpenGL Example Code

(示意圖)

Step1: 開啟CodeBlocks


Step2:新增->專案(Project)

Step3:(找到OpenGL Project選項)

Step4:接著會進入初始階段(俗稱安裝精靈etc),我們在這裡點選next

Step5:接著要設定專案名稱以及存檔的路徑,完成後按下next(不會的話看Step6)

    提示:在這裡我們只需要用到上面兩個欄位,下面兩個會自動幫你填好

Step6:接續Step5,例如說我把專案名稱(Project Title)設定成我的學號加上該週的作業名稱;路徑我把它存到桌面,完成後按下next

Step7:接下來它會請你選一個編譯器以及除錯(Debug)、發布(Release)的目錄配置,這裡我們使用預設的設定就好,完成後按下finish
Step8:接著我們可以來開啟它幫我們建立好的檔案(檔名為main.c),我們直接按編譯及執行(紅色筆跡圈起來的按鈕)
Step9:哦哦哦! 如果出現這個畫面就代表成功啦~~

作業三:GLUT環境安裝

(示意圖)

Step1:進入這個網址 http://files.transmissionzero.co.uk/software/development/GLUT/freeglut-MinGW.zip (直接點擊來安裝) 下載之後解壓縮到桌面(或者是其他地方都可以,我是直接丟在C:\下)
    提示:以下的步驟是假設存到C:\,如果想存到其他地方,請依樣畫葫蘆。

再來我們點進去剛才解壓縮完的freeglut資料夾,點選lib資料夾,接著依下圖指示完成修改
    提示:將libfreeglut.a複製一份起來,並貼在同一個子目錄下,接著將複製的那一個檔案的檔名修改為libglut32.a   libglut32.a   libglut32.a  很重要所以我講三次......沒事,我只是說說...


Step2:開啟CodeBlocks,我們要新增一個專案(Project)。  步驟如下: File->New->Project...,找到一個叫作GLUT Project的模板,按Go進行下一步


Step3:接著跟openGL專案一樣會出現安裝精靈,沒問題點選next

Step4:一樣設定你的專案名稱以及存檔的路徑,這裡的話我是用學號加上hw3當作專案名稱,路徑我選擇存到桌面


Step5:接著它會要你選擇GLUT的位置,這個就是你剛剛存到C:\底下的那個資料夾,將該資料夾目錄複製到框框內即可按下一步
    提示:  我這裡的路徑是C:\freeglut,每個人依安裝的方法及路徑略有不同,請自行設定

Step6:接著一樣是選擇編譯器以及除錯(Debug)、發布(Release)的目錄,我們直接用預設的設定,直接按下一步


Step7:完成後我們直接開啟它幫我們建立好的main.cpp檔,按下圖中紅色圓圈的Build and Run之後,會產生以下畫面,這就表示成功了。



沒有留言:

張貼留言