．　兩點之間的連線稱之為線段，在螢幕上顯示線段放在現在已經不是稀奇的事情，大多數高階圖形ＡＰＩ都可以輕鬆實現，我嘗試用ＯｐｅｎＧＬ畫線，在這裡記錄一下收穫．

．　ＯｐｅｎＧＬ這個級別的圖形ＡＰＩ，通常會提供一些繪製基本圖形的介面，這些基本圖形稱之為圖元，而ＯｐｅｎＧＬ提供了點，線段，三角形三種圖元繪製介面，說出來你可能不信，ＯｐｅｎＧＬ就只能繪製這三種圖形，本篇博文的主題是畫線，ＯｐｅｎＧＬ能直接繪製的圖元之一．

---

用ＯｐｅｎＧＬ繪製線段圖元

給出兩點的座標，呼叫ＡＰＩ即可直接畫出線段．

//  虛擬碼
glVertex(x0, y0);           //  點A
glVertex(x1, y1);           //  點B
glDrawPrimitive(GL_LINES);  //  繪製線段圖元
 

如果執行正確，你可以看到一條線段．

ＯｐｅｎＧＬ同時還提供調整線段寬度和顏色的介面．

//  虛擬碼
glLineWidth(width)          //  寬度
glLineColor(r, g, b, a)     //  顏色
glVertex(x0, y0);           //  點A
glVertex(x1, y1);           //  點B
glDrawPrimitive(GL_LINES);  //  繪製線段圖元

如果這篇博文有讀者，如果恰好你就是這篇博文的讀者，看到這裡，你大概已經被ＯｐｅｎＧＬ的威力震懾住了，冷靜一下，接著往下看．

很多時候，我們想要繪製連續的線段，ＯｐｅｎＧＬ可以輕鬆搞定這個問題，你只需要重複上述程式碼就可以了．

//  虛擬碼
glLineWidth(width)          //  寬度
glLineColor(r, g, b, a)     //  顏色
glVertex(x0, y0);           //  第一條線段點A
glVertex(x1, y1);           //  第一條線段點B
glVertex(x2, y2);           //  第二條線段點A
glVertex(x3, y3);           //  第二條線段點B
glDrawPrimitive(GL_LINES);  //  繪製線段圖元

只需要短短几行程式碼，就可以畫出兩條線段，在驚歎之餘，你可能沒有發現，在兩條線段交接處，很明顯缺掉了一塊，這是因為繪製的線段寬度是３畫素，而且ＯｐｅｎＧＬ繪製的線段是直角，實際上上圖是兩個首尾相連的長方形，通過下面的圖能清晰的看出問題所在．

很容易想象，線越寬，線段交接處的缺口越大，大多數人都接受不了這種缺陷，同時大多數人都認為它不是個問題，如果這篇博文有觀眾，且恰好就是你，你肯定有同感，但事實上，你猜的沒錯，因為ＯｐｅｎＧＬ在繪製線段圖元的設計上就沒考慮過這個問題，所以按上述思路去畫線，這個問題無解，無解的問題就不是問題，所以這的確不是個問題．

---

用三角形圖元來繪製線段

．　很多新人經常會被線段圖元迷惑，誤以為ＯｐｅｎＧＬ畫線就的用它，實際上ＯｐｅｎＧＬ對線段圖元提供的介面非常有限，即便如此，它還是有能發揮特長的使用場景，但本文所描述的場景它並不適合．

．　要解決＂缺口＂的問題，得換一種思路，先生成線段的網格，再填充網格，這樣靈活度就高多了．

從上圖可以看出，線段的交接處看起來沒有那麼突兀了．

此外，因為線段是用網格填充的，所以我們可以隨心所欲的修改網格，以及通過可程式設計管線調整它．

---

基於上述內容畫的一些線段

閃電

曲線

相關推薦