學(xué)習(xí) OpenGL ，相信肯定有不少人看過(guò)這個(gè)網(wǎng)站：

https://learnopengl.com/

這是它的英文原版網(wǎng)站，后來(lái)又有了不同語(yǔ)言的翻譯版本，對(duì)應(yīng)中文就是：

https://learnopengl-cn.github.io/

這兩個(gè)網(wǎng)站對(duì)于學(xué)習(xí) OpenGL 幫助非常大，既可以用作入門(mén)的教材，也可以作為工具書(shū)，后續(xù)進(jìn)行查漏補(bǔ)缺。

并且它的內(nèi)容很全面，除了 OpenGL 基礎(chǔ)知識(shí)、坐標(biāo)系統(tǒng)、紋理、Shader、模型加載等，還有高級(jí)光照、PBR 等渲染技巧，這些在渲染引擎的開(kāi)發(fā)中都是會(huì)用到的，后面會(huì)繼續(xù)和大家分享。

本文主要是講解如何運(yùn)行 LearnOpenGL 文章中的示例代碼，在 XCode 上進(jìn)行編譯和調(diào)試，效果如下：

在網(wǎng)站上某一章節(jié)的內(nèi)容，就對(duì)應(yīng)于 XCode 工程某一小項(xiàng)的具體代碼，我們可以選擇要運(yùn)行的章節(jié)代碼，在 Mac 看到最終效果。

另外，我們還可以在 XCode 上修改相關(guān)代碼，調(diào)整某些參數(shù)，驗(yàn)證自己的想法和實(shí)驗(yàn)結(jié)果。

這一點(diǎn)很重要，對(duì)于初學(xué)者來(lái)說(shuō)就是要不斷地試錯(cuò)，在失敗中成長(zhǎng)。

在開(kāi)始 LearnOpenGL 網(wǎng)站的代碼講解之前，先介紹一下他的主人。

不得不說(shuō)，這是位大佬，有興趣的同學(xué)都可以去 Follow 一下。

他的個(gè)人主頁(yè)是：

https://joeydevries.com

從主頁(yè)上可以看到大佬在圖形學(xué)和游戲開(kāi)發(fā)上造詣?lì)H深，做了不少有意思的東西。

• 實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的渲染引擎，采用 C++ 開(kāi)發(fā)，支持了不少特性，在 LearnOpenGL 網(wǎng)站上都可以看到。

https://github.com/JoeyDeVries/Cell

這可以當(dāng)做是學(xué)習(xí) OpenGL 之后鞏固提高的一個(gè)大作業(yè)了。

• 另外，還做了一個(gè) Vulkan 的教學(xué)網(wǎng)站，雖說(shuō)目前還沒(méi)有完成，但仍然值得期待。

https://learnvulkan.com/

• 當(dāng)然了，你也可以看我的網(wǎng)站，或許對(duì)你有一些幫助

https://glumes.com/

言歸正傳，講回代碼的編譯部分。

LearnOpenGL 網(wǎng)站的示例代碼地址如下，clone 這個(gè)項(xiàng)目到你的電腦上。

https://github.com/JoeyDeVries/LearnOpenGL

在這個(gè)項(xiàng)目的 README.md 上已經(jīng)有講如何在 MAC 平臺(tái)進(jìn)行編譯了。

brew install cmake assimp glm glfw
mkdir build
cd build
cmake ../.
make -j8

但是這個(gè)編譯結(jié)果并不是我們想要的，因?yàn)樗幾g出來(lái)的都是二進(jìn)制可執(zhí)行文件。

雖說(shuō)我們可以通過(guò) ./xxx 的方式來(lái)運(yùn)行這些可執(zhí)行文件，但總不能每改一點(diǎn)代碼就全都編譯一次吧。

理想的方式就要通過(guò) IDE（集成開(kāi)發(fā)環(huán)境） 來(lái)編譯運(yùn)行，并且在 IDE 上修改代碼，看到結(jié)果。

XCode 在這里就充當(dāng)了 IDE 的角色。

下面給出新的編譯代碼：

brew install cmake assimp glm glfw
mkdir build
cd build
cmake -G "Xcode" ..

有變化的就是最后一行了，此行代碼會(huì)在 build 目錄下生成 XCode 工程。

雙擊 LearnOpenGL.xcodeproj 就可以打開(kāi)整個(gè)工程啦。