2024年2月22日 星期四

超級有用的電腦圖學筆記 Week01

 1.今天加入一個Blogger

 2.創立一個自己的品牌

 3.每周一篇,標籤(學號姓名,WeekXX)

 4.第二節學到如何放圖片

 5.老師教我們許多截圖法

 6.實際在WebGL Water操作3D的球 (https://madebyevan.com/webgl-water/)



7.開啟CodeBlocks

8.開啟新專案 file > project


9.點選OpenGL > go


10.將檔案存到桌面
                                           
11.檔名為Week01_OpenGL


12.點選第三個齒輪+箭頭


13.從上課軟體下載freeglut



 14.將壓縮檔解壓到桌面

15.點開freeglut後復製其連結

16.點開lib後將freeglut.a復製

17.改名為libglut32.a (124KB)


18.到codeblock開新的專案 file > project

19.點開GLUT

20.檔名為Week01_GLUT



21.將第15的連結貼上
22.點齒輪+箭頭

22.1. 左邊兩個專案比較黑的字的專案是正在開啟的


22.2. 將比較不黑的點左鍵,點Activate project後按齒輪+箭頭後即可開啟該檔案的圖
23.再開一個新的專案



24.檔名為Week01_GLUT_10_lines


25.第18行留下,使用glut外掛,其他全刪(點main.app)

26.複製第138行,main()函式

27.複製第140行,開啟glut功能
28.複製第143行,設定顯示模式

29.複製第145行,開一個glut視窗
30.複製第148行,要用display()函式畫圖
31.複製第174行,主要的迴路,在這裡一直運作,不結束
32.在上面打void display()
{
    glutSolidTeapot(0.3);
    glutSwapBuffers();
}
33.將名字改為"2024電腦圖學第01週"
34.點齒輪+箭頭


35.登入github(到信箱有驗證碼)

36.點new,名稱為2024graphicsa

37.Description改為2024電腦圖學人智二甲上課程式的倉庫
38.點選public,勾起Add a README file, Choose a license (none) ,最後點綠色的按鈕
39.add file > upload files



40.標題名為week01,然後將今天三個程式碼拉上去(Week01_GLUT,Week01_GLUT_10_lines,Week01_OpenGL)

41.Github上傳頁面

42.回家作業HW1: 確定家裡可跑 OpenGL/GLUT的程式

請上傳3張圖, 家裡的電腦(不要用學校的電腦), 利用 CodeBlocks, 照著上課教的, 跑出 OpenGL範例 & GLUT範例

1. OpenGL專案(三角形)

2. GLUT專案 (很多紅色的東西在轉動) (小心, 容易出錯, 要照 blog慢慢做)

3. WebGL 的網站 http://madebyevan.com/webgl-water/ (水會動)

註: 請將3個圖檔分開上傳, 不要上傳1個壓縮檔

4 則留言: