2024年2月19日 星期一

SY-BlingBangBang電腦圖學🎬-Week01

1. 課程介紹、加入FB社團、註冊並加入電腦圖學Blog & 發布第一則貼文

2. https://madebyevan.com/webgl-water/

    [截圖快捷鍵]

    (1) Shift+S+Windows 👉 可選擇擷取大小


    (2) Print Screen+Alt 👉 擷取一整個視窗


3. 第一個0程式碼

    step1: 開啟code blocks

    step2: 選擇File 👉 new 👉 project 👉 OpenGL 👉 專案名稱:week01_OpenGL                  👉 路徑選擇:桌面 👉 執行 (Build and Run)














4. Computer👉 電腦、Graphics 👉圖 、Langrage 👉 學

5. 第一個GLUT程式碼

    安裝上課用軟體:GLUT

    step1: 下載 freeglut-MinGW-3.0.0-1.mp.zip 


    















step2: 進到資料夾,把檔案 freeglut 拉到桌面


    step3: 點進 freeglut 👉 lib 資料夾


   step4: 複製 libfreeglut.a 並且改名為libglut32.a




    step5: 開啟code blocks

    step6: 選擇File 👉 new 👉 project 👉 OpenGLUT 👉 專案名稱:                                     week01_OpenGLUT 👉 路徑選擇:桌面-freeglut 👉 執行 (Build and Run)


    step5: 執行後,按加、減號後的圖形

    [加號]

    [減號]











6. 介紹freeglut資料夾 👉 lib 檔案裡的資料是負責執行

7.十行程式碼: 茶壺


8. 上傳 GitHub

    step1: 新建倉庫

    

    step2: 上傳檔案












9.HW1: 確定家裡可跑 OpenGL/GLUT的程式

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

    1. OpenGL專案(三角形)














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














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

    














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

沒有留言:

張貼留言