簡(jiǎn)介西北工業(yè)大學(xué)軟件學(xué)院計(jì)算機(jī)圖形學(xué)實(shí)驗(yàn)代碼包覆蓋二維/三維圖形繪制、幾何變換、投影視圖、光照模型、物體建模、碰撞檢測(cè)及交互設(shè)計(jì)等知識(shí)點(diǎn)全部程序基于C語(yǔ)言在VC6.0環(huán)境編寫(xiě)調(diào)試適合課程同步練習(xí)、期末復(fù)習(xí)與項(xiàng)目復(fù)盤(pán)參考。壓縮包共224個(gè)文件、5.37MB含28個(gè)cpp源文件、18個(gè)h頭文件、12套dsp工程文件以及dsw、ncb、exe可執(zhí)行程序、obj目標(biāo)文件、pch預(yù)編譯頭工程結(jié)構(gòu)完整可獨(dú)立編譯運(yùn)行。已有581人學(xué)習(xí)。各實(shí)驗(yàn)子項(xiàng)目代碼附有詳細(xì)注釋可對(duì)照Dijkstra最短路徑、Flood Fill區(qū)域填充、Phong光照模型等經(jīng)典算法實(shí)現(xiàn)理解圖形學(xué)底層原理亦能直接運(yùn)行exe查看效果適合需要?jiǎng)邮謴?qiáng)化編程能力的學(xué)生與自學(xué)者。1. 期末突擊計(jì)算機(jī)圖形學(xué)一份能直接跑的實(shí)驗(yàn)包意味著什么圖形學(xué)實(shí)驗(yàn)最折磨人的不是算法公式而是你把DDA和Bresenham背得滾瓜爛熟屏幕依然一片黑。我整理這份某高校軟件學(xué)院《計(jì)算機(jī)圖形學(xué)》課程實(shí)驗(yàn)包的時(shí)候核心目標(biāo)只有一個(gè)讓每個(gè)實(shí)驗(yàn)都能單獨(dú)編譯打開(kāi)就有圖形反饋。它覆蓋畫(huà)線、畫(huà)圓、二維變換、三維觀察、光照材質(zhì)與紋理映射從CPU端的光柵化算法到GPU端著色器都有可運(yùn)行工程。適合兩類(lèi)人一類(lèi)是期末想快速補(bǔ)齊實(shí)驗(yàn)、照著可運(yùn)行代碼理解原理的同學(xué)另一類(lèi)是熟悉API但沒(méi)從頭寫(xiě)過(guò)圖形學(xué)算法的開(kāi)發(fā)者。壓縮包里沒(méi)有繞開(kāi)算法的魔改畫(huà)筆路徑、光源位置、頂點(diǎn)索引全部攤開(kāi)在源碼里你可以從框架里拎出一個(gè)實(shí)驗(yàn)直接改也能把整套工程當(dāng)模板逐步替換成自己的渲染器實(shí)現(xiàn)。2. 技術(shù)棧與工程拓?fù)銿isual Studio OpenGL從固定管線到著色器2.1 依賴選擇freeglut、GLEW、GLM 各司其職OpenGL 不只是鏈接一個(gè) opengl32.lib 就能舒服開(kāi)發(fā)的它缺三樣?xùn)|西窗口上下文、現(xiàn)代擴(kuò)展函數(shù)指針、數(shù)學(xué)庫(kù)。這套實(shí)驗(yàn)包用的是 C/Visual Studio 棧依賴集中在 freeglut、GLEW、GLM 三件套上。freeglut 負(fù)責(zé)創(chuàng)建窗口、處理鍵盤(pán)鼠標(biāo)事件和主循環(huán)GLUT 那套回調(diào)模型和教材里“繪圖-事件-重繪”的描述幾乎一一對(duì)應(yīng)課堂實(shí)驗(yàn)用它比直接寫(xiě) Win32 消息循環(huán)省太多事。GLEW 負(fù)責(zé)把 OpenGL 3.0 之后的擴(kuò)展函數(shù)加載進(jìn)來(lái)沒(méi)有它 glGenVertexArrays 這種函數(shù)在 Windows 上根本拿不到地址。GLM 是純頭文件的矩陣庫(kù)寫(xiě)觀察和投影矩陣時(shí)不需要自己手推透視矩陣公式。組件職責(zé)使用要點(diǎn)freeglut窗口、輸入事件、主循環(huán)回調(diào)函數(shù)注冊(cè)后由 glutMainLoop 驅(qū)動(dòng)GLEW加載現(xiàn)代 OpenGL 擴(kuò)展函數(shù)必須定義 GLEW_STATIC 再鏈 glew32s.libGLM矩陣、向量、透視投影列主序直接對(duì)接 GLSL 的 mat4opengl32.libWindows 系統(tǒng) OpenGL 基礎(chǔ)庫(kù)附加依賴項(xiàng)里固定存在為什么不用 DirectX不是不能用而是課程實(shí)驗(yàn)講的是通用圖形學(xué)概念OpenGL 在各平臺(tái)行為一致固定管線的 glBegin/glEnd 寫(xiě)法對(duì)早期光柵化實(shí)驗(yàn)特別友好。你會(huì)在 01、02 號(hào)實(shí)驗(yàn)里看到傳統(tǒng)繪制 API到光照紋理實(shí)驗(yàn)再切到著色器正好覆蓋圖形學(xué)教學(xué)的兩個(gè)階段。2.2 工程目錄結(jié)構(gòu)一個(gè)解決方案掛六個(gè)實(shí)驗(yàn)打開(kāi)壓縮包第一眼看到的是MyProjects.sln根目錄按實(shí)驗(yàn)編號(hào)拆分工程。大多數(shù)實(shí)驗(yàn)是一個(gè)main.cpp加少量封裝頭文件個(gè)別實(shí)驗(yàn)帶資源目錄整體結(jié)構(gòu)大致如下MyProjects/ ├─ 01_DDA_Bresenham/ │ ├─ src/main.cpp │ └─ README.md ├─ 02_Circle_Ellipse/ ├─ 03_Transform2D/ ├─ 04_ViewProjection/ ├─ 05_Lighting_Material/ ├─ 06_TextureMapping/ ├─ common/ │ ├─ shader.h │ └─ win32_path.h ├─ libs/ │ ├─ freeglut/ # include 與 lib 分平臺(tái)存放 │ ├─ glew/ │ └─ glm/ └─ MyProjects.slncommon/不是課程強(qiáng)制的是我在整理代碼時(shí)習(xí)慣性的收口凡是兩個(gè)以上工程都用得到的封裝比如著色器編譯、文件路徑轉(zhuǎn)換都放進(jìn)公共頭文件。你把每個(gè)工程完全獨(dú)立也可以但那樣遇到著色器編譯報(bào)錯(cuò)就得復(fù)制粘貼六遍檢查代碼公共目錄能少改很多地方。各實(shí)驗(yàn)與課程知識(shí)點(diǎn)的對(duì)應(yīng)關(guān)系如下工程目錄核心知識(shí)點(diǎn)演示重點(diǎn)01_DDA_BresenhamDDA 與 Bresenham 直線生成兩種算法在相同坐標(biāo)下的造點(diǎn)軌跡02_Circle_Ellipse中點(diǎn)畫(huà)圓、橢圓的參數(shù)方程圓對(duì)稱性與決策參數(shù)的更新03_Transform2D平移、旋轉(zhuǎn)、縮放的復(fù)合矩陣?yán)@任意點(diǎn)旋轉(zhuǎn)的實(shí)現(xiàn)04_ViewProjection透視投影、觀察矩陣視錐體與深度測(cè)試效果05_Lighting_MaterialBlinn-Phong 光照模型光源位置、材質(zhì)高光06_TextureMapping紋理坐標(biāo)、采樣、邊界處理四邊形表面的貼圖效果2.3 快速編譯VS 屬性頁(yè)里那四個(gè)配置項(xiàng)拿到源碼先別急著點(diǎn)運(yùn)行OpenGL 實(shí)驗(yàn)工程最常見(jiàn)的翻車(chē)就是依賴沒(méi)配齊。以 03_Transform2D 為例先在 VS 里把包含目錄和庫(kù)目錄指到libs/下附加包含目錄 $(SolutionDir)libs\freeglut\include;$(SolutionDir)libs\glew\include;$(SolutionDir)libs\glm 附加庫(kù)目錄 $(SolutionDir)libs\freeglut\lib\x64;$(SolutionDir)libs\glew\lib\x64 預(yù)處理器定義 GLEW_STATIC;_CRT_SECURE_NO_WARNINGS 附加依賴項(xiàng) opengl32.lib;freeglut.lib;glew32s.lib用$(SolutionDir)而不是寫(xiě)死路徑是為了讓你把整個(gè)MyProjects目錄換個(gè)位置也能編譯。_CRT_SECURE_NO_WARNINGS是讓fopen這類(lèi)函數(shù)不再報(bào) C4996 警告做紋理加載實(shí)驗(yàn)時(shí)能少刷很多屏。如果你只跑 01、02 固定管線實(shí)驗(yàn)GLEW 不配也能運(yùn)行但想一次把六個(gè)實(shí)驗(yàn)全部編譯過(guò)建議每個(gè)工程統(tǒng)一加這條預(yù)處理器定義避免同一套代碼在 Debug 和 Release 下行為不一致那是后續(xù)最常見(jiàn)的一個(gè)坑。3. 核心模塊拆解一個(gè)三角形從頂點(diǎn)到像素的完整鏈路3.1 窗口創(chuàng)建與 GLUT 回調(diào)GLUT 死循環(huán)想退出來(lái)怎么辦三角形能顯示到屏幕上起點(diǎn)是窗口初始化和回調(diào)注冊(cè)。這套代碼在實(shí)驗(yàn)包里每個(gè)工程都可以單獨(dú)抽出來(lái)看int main(int argc, char** argv) { glutInit(argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH); glutInitWindowSize(800, 600); glutCreateWindow(CG Lab); // 注意GLEW 必須在窗口創(chuàng)建之后才能初始化 glewExperimental GL_TRUE; glewInit(); glutReshapeFunc(reshape); glutDisplayFunc(display); glutKeyboardFunc(keyboard); setupScene(); // 創(chuàng)建 VAO、VBO、著色器 glutMainLoop(); return 0; // 這行實(shí)際執(zhí)行不到 }GLUT_DOUBLE申請(qǐng)雙緩沖避免畫(huà)面閃爍GLUT_DEPTH給深度緩沖區(qū)騰地方三維實(shí)驗(yàn)里必須加否則深度測(cè)試等于沒(méi)開(kāi)。glutMainLoop一旦進(jìn)入就阻塞在這里不斷派發(fā)事件后面的return 0不會(huì)執(zhí)行。想讓程序退出正確做法是調(diào)用glutLeaveMainLoop()而不是硬exit。3.2 著色器編譯為什么 glShaderSource 的第四個(gè)參數(shù)要傳 nullptr三角形的 GPU 端渲染離不開(kāi)著色器。下面是精簡(jiǎn)后的著色器編譯封裝注意看glShaderSource的參數(shù)GLuint CompileShader(GLenum type, const char* src) { GLuint shader glCreateShader(type); glShaderSource(shader, 1, src, nullptr); // 按\0截?cái)嗍∪ナ謩?dòng)數(shù)長(zhǎng)度 glCompileShader(shader); GLint ok 0; glGetShaderiv(shader, GL_COMPILE_STATUS, ok); if (!ok) { char log[512] {0}; glGetShaderInfoLog(shader, 511, nullptr, log); printf(shader compile error:\n%s\n, log); glDeleteShader(shader); return 0; } return shader; }glShaderSource的第四個(gè)參數(shù)表示每個(gè)字符串的長(zhǎng)度。傳nullptr時(shí)驅(qū)動(dòng)按 C 字符串的\0結(jié)尾自動(dòng)截?cái)嗳粘?xiě)常量著色器源碼最省事。但如果從文件里讀代碼用std::ifstream讀取后字符串長(zhǎng)度不等于文件長(zhǎng)度把content.c_str()傳進(jìn)去其實(shí)也沒(méi)問(wèn)題真正容易踩的是用read把內(nèi)容讀進(jìn)一個(gè)未補(bǔ)\0的char數(shù)組這時(shí)第四個(gè)參數(shù)必須顯式傳實(shí)際長(zhǎng)度。編譯后用glGetShaderiv查GL_COMPILE_STATUS不是查返回指針?lè)祷刂抵淮砗瘮?shù)調(diào)用是否成功我看到太多人忽略狀態(tài)直接鏈到程序里最后畫(huà)面黑得毫無(wú)頭緒。3.3 VAO/VBO把頂點(diǎn)屬性和緩沖對(duì)象綁定在一起從數(shù)據(jù)到像素中間得有頂點(diǎn)緩沖。下面這段是實(shí)驗(yàn)里最常見(jiàn)的三角形初始化寫(xiě)法float vertices[] { // x y z r g b -0.5f, -0.5f, 0.0f, 1.0f, 0.0f, 0.0f, 0.5f, -0.5f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f, 0.5f, 0.0f, 0.0f, 0.0f, 1.0f }; GLuint vao, vbo; glGenVertexArrays(1, vao); glGenBuffers(1, vbo); glBindVertexArray(vao); glBindBuffer(GL_ARRAY_BUFFER, vbo); glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW); // 第 0 個(gè)頂點(diǎn)屬性位置取前 3 個(gè) float glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)0); glEnableVertexAttribArray(0); // 第 1 個(gè)頂點(diǎn)屬性顏色跨過(guò)前面 3 個(gè) float glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)(3 * sizeof(float))); glEnableVertexAttribArray(1);這段代碼的核心是步長(zhǎng)和偏移量。每個(gè)頂點(diǎn)包含 6 個(gè)float位置在前 3 個(gè)顏色在后 3 個(gè)所以屬性步長(zhǎng)是6 * sizeof(float)。位置偏移是 0顏色偏移要從第 3 個(gè)float開(kāi)始寫(xiě)成(void*)(3 * sizeof(float))。GL_STATIC_DRAW表示數(shù)據(jù)幾乎不變驅(qū)動(dòng)可以把它放到更合適的內(nèi)存位置如果每幀都在改頂點(diǎn)坐標(biāo)就改成GL_DYNAMIC_DRAW。3.4 繪制與 MVP 矩陣兩個(gè)矩陣相乘的順序別搞反頂點(diǎn)數(shù)據(jù)準(zhǔn)備好后display回調(diào)里做的事情是從 CPU 側(cè)把模型、觀察、投影三個(gè)矩陣合起來(lái)傳給著色器的 uniform再發(fā)起繪制void display() { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glUseProgram(shaderProgram); glm::mat4 proj glm::perspective(45.0f, (float)WIDTH / (float)HEIGHT, 0.1f, 100.0f); glm::mat4 view glm::lookAt( glm::vec3(0.0f, 0.0f, 5.0f), glm::vec3(0.0f, 0.0f, 0.0f), glm::vec3(0.0f, 1.0f, 0.0f)); glm::mat4 model glm::rotate(glm::mat4(1.0f), rotAngle, glm::vec3(0.0f, 1.0f, 0.0f)); glm::mat4 mvp proj * view * model; glUniformMatrix4fv(uMVP, 1, GL_FALSE, mvp[0][0]); glBindVertexArray(vao); glDrawArrays(GL_TRIANGLES, 0, 3); glutSwapBuffers(); }OpenGL 使用列主序矩陣GLM 的mat4布局和 GLSL 一致傳給 uniform 時(shí)不需要轉(zhuǎn)置所以第三個(gè)參數(shù)傳GL_FALSE。矩陣相乘的順序是proj * view * model頂點(diǎn)點(diǎn)v實(shí)際經(jīng)歷的是proj * (view * (model * v))先模型變換到世界再觀察變換到相機(jī)最后投影到裁剪空間。把順序?qū)懗蒻odel * view * proj是旋轉(zhuǎn)平移混亂的重災(zāi)區(qū)后面避坑章會(huì)專門(mén)講。glDrawArrays的第一個(gè)參數(shù)決定圖元類(lèi)型GL_TRIANGLES每三個(gè)頂點(diǎn)組成一個(gè)三角形頂點(diǎn)數(shù)是 3所以第三個(gè)參數(shù)傳 3。如果三角形畫(huà)不出來(lái)或者位置不對(duì)先檢查頂點(diǎn)數(shù)組里的坐標(biāo)范圍再查矩陣不要一上來(lái)就懷疑顯卡驅(qū)動(dòng)。4. 實(shí)驗(yàn)代碼逐層分析從畫(huà)線、變換到光照的算法落地4.1 DDA 與 Bresenham浮點(diǎn)遞增和整數(shù)糾偏的兩條路線前兩個(gè)實(shí)驗(yàn)是光柵化的地基。DDA 思路直接把線段兩端點(diǎn)的dx、dy拆成若干小步每步加一次增量void dda(int x0, int y0, int x1, int y1) { float dx x1 - x0; float dy y1 - y0; int steps max(abs(dx), abs(dy)); float xInc dx / steps; float yInc dy / steps; float x x0, y y0; for (int i 0; i steps; i) { setPixel(round(x), round(y)); x xInc; y yInc; } }步數(shù)取dx、dy絕對(duì)值較大的一方是為了保證步長(zhǎng)不超過(guò)一個(gè)像素。DDA 的問(wèn)題在于浮點(diǎn)運(yùn)算和round循環(huán)次數(shù)多了會(huì)有積累誤差。Bresenham 則完全拋棄浮點(diǎn)用誤差項(xiàng)err判斷下一幀該走哪個(gè)方向void bresenham(int x0, int y0, int x1, int y1) { int dx abs(x1 - x0), sx x0 x1 ? 1 : -1; int dy -abs(y1 - y0), sy y0 y1 ? 1 : -1; int err dx dy; while (true) { setPixel(x0, y0); if (x0 x1 y0 y1) break; int e2 2 * err; if (e2 dy) { err dy; x0 sx; } if (e2 dx) { err dx; y0 sy; } } }這里的sy寫(xiě)成負(fù)的絕對(duì)值是刻意讓err可以同時(shí)判斷 x 和 y 兩個(gè)方向。兩個(gè)算法在 01 號(hào)實(shí)驗(yàn)里都保留了切換繪制函數(shù)就能直觀看到同一個(gè)端點(diǎn)對(duì)產(chǎn)生的點(diǎn)陣差異。實(shí)驗(yàn)報(bào)告里最值得寫(xiě)的不是復(fù)雜度而是四邊形區(qū)域里哪個(gè)算法對(duì)邊緣更平滑。4.2 中點(diǎn)畫(huà)圓一個(gè)決策值如何取代平方根運(yùn)算畫(huà)圓如果直接用參數(shù)方程x cx r * cosθ每一幀都要算三角函數(shù)。中點(diǎn)畫(huà)圓算法用決策值d的符號(hào)判斷下一個(gè)像素選哪個(gè)完全繞開(kāi)三角函數(shù)void midpointCircle(int cx, int cy, int r) { int x 0, y r; int d 1 - r; while (x y) { circlePoints(cx, cy, x, y); x; if (d 0) d 2 * x 1; else { y--; d 2 * (x - y) 1; } } }d的初始值是1 - r對(duì)應(yīng)圓與網(wǎng)格線的首個(gè)中點(diǎn)位置每次 x 遞增后如果判定中點(diǎn)落在圓內(nèi)y 不變否則 y 減一。circlePoints利用圓的八對(duì)稱性把(x, y)同時(shí)映射為另外 7 個(gè)點(diǎn)所以只需要掃描八分之一圓弧。動(dòng)手改實(shí)驗(yàn)時(shí)可以把d的更新公式打印出來(lái)對(duì)比 y 的遞減趨勢(shì)比直接背公式印象深刻。4.3 復(fù)合變換的順序先縮放還是先平移結(jié)果完全不同03 號(hào)實(shí)驗(yàn)的二維變換最容易出錯(cuò)的不是單個(gè)矩陣而是復(fù)合順序。用 GLM 寫(xiě)變換看著是按代碼順序執(zhí)行的glm::mat4 m(1.0f); m glm::translate(m, glm::vec3(tx, ty, 0)); m glm::rotate(m, glm::radians(angle), glm::vec3(0, 0, 1)); m glm::scale(m, glm::vec3(sx, sy, 1)); // 等價(jià)效果: v T * R * S * v因?yàn)轫旤c(diǎn)是列向量矩陣組合后實(shí)際先對(duì)頂點(diǎn)做縮放再做旋轉(zhuǎn)最后平移。如果希望先平移到某個(gè)位置再縮放就要把代碼里translate和scale的調(diào)用順序反過(guò)來(lái)而不是想當(dāng)然地認(rèn)為“寫(xiě)在前面的先執(zhí)行”。繞任意點(diǎn)旋轉(zhuǎn)是另一個(gè)常見(jiàn)需求。正確的復(fù)合方式是“先平移到原點(diǎn)旋轉(zhuǎn)再平移回去”glm::mat4 m glm::mat4(1.0f); m glm::translate(m, glm::vec3(px, py, 0)); m glm::rotate(m, glm::radians(angle), glm::vec3(0, 0, 1)); m glm::translate(m, glm::vec3(-px, -py, 0));這段代碼的含義是T(p) * R * T(-p)對(duì)點(diǎn)來(lái)說(shuō)先回了原點(diǎn)轉(zhuǎn)完再回原位。實(shí)驗(yàn)報(bào)告里一般會(huì)要求畫(huà)一個(gè)矩形繞自身中心旋轉(zhuǎn)你在畫(huà)矩形時(shí)如果頂點(diǎn)是相對(duì)中心點(diǎn)定義的那第一個(gè)translate(-px, -py)就可以省略這個(gè)細(xì)節(jié)值得寫(xiě)進(jìn)說(shuō)明。4.4 觀察、投影與 Blinn-Phong 光照固定管線到著色器的一小步04 號(hào)實(shí)驗(yàn)里還有部分固定管線寫(xiě)法方便和著色器版本做對(duì)比glMatrixMode(GL_PROJECTION); glLoadIdentity(); gluPerspective(60.0, aspect, 0.1, 100.0); glMatrixMode(GL_MODELVIEW); glLoadIdentity(); gluLookAt(0, 0, 6, 0, 0, 0, 0, 1, 0);gluPerspective的第一個(gè)參數(shù)是垂直視場(chǎng)角單位是度不是弧度第二個(gè)參數(shù)aspect是窗口寬高比后兩個(gè)參數(shù)分別是近裁剪面和遠(yuǎn)裁剪面到相機(jī)的距離。這兩個(gè)距離的比值會(huì)影響深度緩沖的精度近遠(yuǎn)差得太大時(shí)遠(yuǎn)處物體會(huì)出現(xiàn)深度沖突表現(xiàn)為三角形表面閃爍。gluLookAt的三組參數(shù)分別是眼睛位置、觀察目標(biāo)點(diǎn)、視口向上的方向向量。到 05 號(hào)光照實(shí)驗(yàn)就進(jìn)入可編程管線Blinn-Phong 是課程里最通用的模型它的片元著色器核心計(jì)算如下vec3 N normalize(normal); vec3 L normalize(lightPos - fragPos); vec3 V normalize(viewPos - fragPos); vec3 H normalize(L V); float diff max(dot(N, L), 0.0); float spec pow(max(dot(N, H), 0.0), shininess); vec3 color ambient diff * lightColor spec * specColor;H是半程向量把反射方向的計(jì)算換成了L V的歸一化性能更好且效果接近。寫(xiě)這個(gè)著色器時(shí)最常見(jiàn)的低級(jí)錯(cuò)誤是忘記normalize導(dǎo)致dot結(jié)果偏大或偏小高光區(qū)域突然閃爍另一個(gè)是把法線放在頂點(diǎn)著色器里變換完直接插值沒(méi)有在片元里重新歸一化模型轉(zhuǎn)動(dòng)時(shí)高光會(huì)跟著飄。這些現(xiàn)象在 05 號(hào)實(shí)驗(yàn)的窗口里都能復(fù)現(xiàn)是調(diào)光照的必經(jīng)之路。5. 常見(jiàn)問(wèn)題黑屏、白板和亂碼的排查路徑圖形學(xué)實(shí)驗(yàn)排查不能靠瞪先確認(rèn)“窗口有沒(méi)有創(chuàng)建出來(lái)、OpenGL 有沒(méi)有初始化、數(shù)據(jù)有沒(méi)有進(jìn)管線、著色器有沒(méi)有鏈接成功”這四層再動(dòng)手改代碼。下面這五條是這套實(shí)驗(yàn)包里出現(xiàn)頻率最高的翻車(chē)現(xiàn)場(chǎng)。5.1 窗口能開(kāi)畫(huà)面黑屏glewInit 放錯(cuò)了時(shí)機(jī)現(xiàn)象窗口正常彈出但三角形不顯示glGetError()偶爾返回GL_INVALID_ENUM。原因glewInit()在有合法 GL 上下文前調(diào)用擴(kuò)展函數(shù)指針加載失敗后續(xù)所有g(shù)lGen*調(diào)用都拿到無(wú)效對(duì)象。解決把glewInit放到glutCreateWindow之后并檢查返回值glutCreateWindow(CG Lab); glewExperimental GL_TRUE; GLenum err glewInit(); if (err ! GLEW_OK) { printf(glew init failed: %s\n, glewGetErrorString(err)); return; }glewExperimental置GL_TRUE是為了讓它加載一些驅(qū)動(dòng)沒(méi)有主動(dòng)暴露的實(shí)驗(yàn)性擴(kuò)展。如果不想被黑屏折磨這段代碼應(yīng)該作為所有著色器工程的固定前綴。5.2 紋理貼上去是灰色中文路徑和紋理翻轉(zhuǎn)各占一半現(xiàn)象06 號(hào)實(shí)驗(yàn)的紋理加載函數(shù)返回成功但屏幕上模型是一整塊灰白色或者紋理上下顛倒。原因圖像讀取庫(kù)在 Windows 下遇到中文目錄或中文文件名時(shí)路徑解析失敗另一類(lèi)問(wèn)題是圖片的行對(duì)齊規(guī)則和 OpenGL 默認(rèn)的GL_UNPACK_ALIGNMENT4不一致寬高不是 4 的倍數(shù)時(shí)讀出來(lái)的像素就是錯(cuò)位的。解決把工程和資源放到純英文路徑下這個(gè)“玄學(xué)”問(wèn)題通常立刻消失如果只是上下顛倒用下面這行調(diào)整像素上傳對(duì)齊方式glPixelStorei(GL_UNPACK_ALIGNMENT, 1);GL_UNPACK_ALIGNMENT默認(rèn)是 4表示每行像素在內(nèi)存里按 4 字節(jié)對(duì)齊。BMP 這類(lèi)無(wú)壓縮格式每行往往正好 4 字節(jié)對(duì)齊但遇到奇數(shù)寬度就會(huì)錯(cuò)位。把它設(shè)成 1 是按單字節(jié)緊湊排列兼容性最好代價(jià)是上傳速度略降課程實(shí)驗(yàn)里完全夠用。5.3 Debug 跑得好好的Release 鏈接報(bào)幾十個(gè)未解析符號(hào)現(xiàn)象Debug 編譯正常切到 Release 后鏈接器報(bào)一堆__imp_glGenVertexArrays或__imp_wglChoosePixelFormat開(kāi)頭的未解析外部符號(hào)。原因只改了 Debug 配置的依賴路徑Release 配置里 GLEW 和 freeglut 的庫(kù)路徑還是空的或者是鏈接了glew32.lib卻忘記定義GLEW_STATIC導(dǎo)致靜態(tài)庫(kù)和動(dòng)態(tài)庫(kù)的符號(hào)約定對(duì)不上。解決打開(kāi) VS 屬性頁(yè)左上角配置選“所有配置”平臺(tái)選“所有平臺(tái)”把第二章里那四項(xiàng)依賴統(tǒng)一填一遍。還有一個(gè)容易忽略的點(diǎn)freeglut.dll和glew32.dll這些動(dòng)態(tài)庫(kù)必須和生成的 exe 在同一目錄否則雙擊運(yùn)行時(shí)直接彈“找不到 dll”這種現(xiàn)象更像是工程配置壞了但其實(shí)只是文件沒(méi)復(fù)制到位。5.4 物體旋轉(zhuǎn)后總是平漂一段復(fù)合矩陣順序反了現(xiàn)象用鍵盤(pán)旋轉(zhuǎn)物體時(shí)它不繞自身中心轉(zhuǎn)而是邊轉(zhuǎn)邊朝某個(gè)方向平移旋轉(zhuǎn)中心明顯不對(duì)。原因模型矩陣?yán)锲揭坪托D(zhuǎn)的順序?qū)懛戳?。比如?xiě)成model rotate * translate頂點(diǎn)先被平移、再旋轉(zhuǎn)等于繞著世界原點(diǎn)旋轉(zhuǎn)一個(gè)已經(jīng)偏移的物體看起來(lái)就像額外平移了一段。解決先確認(rèn)你的頂點(diǎn)坐標(biāo)是不是相對(duì)物體中心定義的。如果不是要先把物體移回原點(diǎn)、旋轉(zhuǎn)、再移回去glm::mat4 model glm::translate(glm::mat4(1.0f), glm::vec3(centerX, centerY, 0)) * glm::rotate(glm::mat4(1.0f), angle, glm::vec3(0, 0, 1)) * glm::translate(glm::mat4(1.0f), glm::vec3(-centerX, -centerY, 0));這個(gè)式子從右往左讀先移到原點(diǎn)旋轉(zhuǎn)再平移回原位置。矩陣乘法是圖形學(xué)實(shí)驗(yàn)里調(diào)試時(shí)間最長(zhǎng)的地方遇到位置不對(duì)先把旋轉(zhuǎn)角度固定成 0觀察平移是否單獨(dú)正常再逐步疊加旋轉(zhuǎn)。5.5 著色器編譯通過(guò)一調(diào)用就黑屏或崩潰忘了檢查 Link 狀態(tài)現(xiàn)象CompileShader返回的 shader 對(duì)象不是 0但鏈接完程序后畫(huà)面還是黑的控制臺(tái)也沒(méi)有任何報(bào)錯(cuò)。原因glLinkProgram之后沒(méi)有檢查GL_LINK_STATUS很多著色器編譯通過(guò)但變量名拼寫(xiě)錯(cuò)誤鏈接時(shí) uniform 被優(yōu)化掉glGetUniformLocation返回 -1后續(xù)glUniformMatrix4fv把一個(gè)非法地址傳進(jìn)去。解決鏈接完成后強(qiáng)制加一段日志檢查同時(shí)打印 uniform 地址glLinkProgram(prog); GLint linked 0; glGetProgramiv(prog, GL_LINK_STATUS, linked); if (!linked) { char log[512]; glGetProgramInfoLog(prog, 511, nullptr, log); printf(link error:\n%s\n, log); } GLint u glGetUniformLocation(prog, mvp); if (u 0) printf(uniform mvp not found\n);不要靠肉眼對(duì)比著色器字符串里的名字直接讓程序把 uniform 地址打出來(lái)。從這套實(shí)驗(yàn)包開(kāi)始我給自己定了一條規(guī)則任何 gl 相關(guān)的返回值都要檢查錯(cuò)誤狀態(tài)再小的工程也一樣這條習(xí)慣能省掉一半的調(diào)試時(shí)間。6. 二次開(kāi)發(fā)把分散實(shí)驗(yàn)改造成一個(gè)可交互的圖形學(xué) Demo六個(gè)實(shí)驗(yàn)各自獨(dú)立運(yùn)行沒(méi)問(wèn)題但它們之間沒(méi)有統(tǒng)一入口。二次開(kāi)發(fā)的第一步是把不同實(shí)驗(yàn)的繪制邏輯抽象成同一種接口這樣后續(xù)想加一個(gè)“實(shí)驗(yàn)切換菜單”就很容易。class IRenderable { public: virtual void Initialize() 0; virtual void Render(float dt) 0; virtual void OnKey(unsigned char key, int x, int y) 0; virtual ~IRenderable() {} };每個(gè)實(shí)驗(yàn)工程只要繼承這個(gè)接口把原來(lái)的init、display、keyboard搬進(jìn)三個(gè)虛函數(shù)即可。第二步是做一個(gè)簡(jiǎn)單的場(chǎng)景管理器用數(shù)字鍵 1 到 6 切換不同的實(shí)驗(yàn)class SceneManager { public: static SceneManager Instance() { static SceneManager inst; return inst; } void Register(int id, std::unique_ptrIRenderable scene) { scenes_[id] std::move(scene); } void SwitchTo(int id) { current_ scenes_[id].get(); } IRenderable* Current() { return current_; } private: std::mapint, std::unique_ptrIRenderable scenes_; IRenderable* current_ nullptr; };注冊(cè)順序放在main里和工程目錄編號(hào)保持一致。這樣做的好處是每個(gè)實(shí)驗(yàn)原來(lái)的main.cpp不再擁有獨(dú)立的glutMainLoop而是統(tǒng)一交給框架調(diào)度主循環(huán)只保留一次glutDisplayFunc(display)內(nèi)部轉(zhuǎn)發(fā)給當(dāng)前場(chǎng)景。改造完成后驗(yàn)證方式很簡(jiǎn)單依次按 1 到 6確認(rèn)每個(gè)場(chǎng)景都能渲染且不會(huì)串狀態(tài)再切回場(chǎng)景 1看看之前建的 VAO 是否還在。如果還想更進(jìn)一步就把固定管線的 01 到 03 號(hào)實(shí)驗(yàn)遷移到著色器版本用glDrawArrays(GL_POINTS, ...)替代glBegin(GL_POINTS)。這個(gè)遷移過(guò)程能幫你真正搞清楚固定管線的矩陣棧和現(xiàn)代管線的 uniform 之間是什么關(guān)系而不是只會(huì)復(fù)制粘貼。我當(dāng)年把實(shí)驗(yàn)合并成 Demo 后以為在一臺(tái)機(jī)器上跑通就萬(wàn)事大吉結(jié)果換到另一臺(tái)機(jī)器上演示時(shí)DLL 沒(méi)復(fù)制、紋理路徑寫(xiě)的是絕對(duì)路徑現(xiàn)場(chǎng)直接翻車(chē)。從那以后我每次改完都強(qiáng)制走一遍流程清空輸出目錄、Debug 和 Release 分別編譯、把 DLL 和資源改成相對(duì)路徑、再換一個(gè)目錄重新跑一次。這套血淚流程雖然看著笨但保住了很多次演示。希望幫到你。本文還有配套的精品資源點(diǎn)擊獲取