當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )

發(fā)布時(shí)間：2025/6/17 编程问答 57 豆豆

生活随笔收集整理的這篇文章主要介紹了【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 ) 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

文章目錄

一、繪制 GL_TRIANGLE_FAN 三角形
- 1、繪制 3 個(gè)點(diǎn)的情況
- 2、繪制 4 個(gè)點(diǎn)的情況
- 3、繪制 5 個(gè)點(diǎn)的情況
- 4、繪制 6 個(gè)點(diǎn)的情況
二、相關(guān)資源

一、繪制 GL_TRIANGLE_FAN 三角形

GL_TRIANGLE_FAN 的繪制規(guī)則是 , 以第 $1$ 個(gè)點(diǎn)作為頂點(diǎn) , 第 $1, 2, 3$ 個(gè)點(diǎn)組成三角形 , 第 $1, 3, 4$ 個(gè)點(diǎn)組成第二個(gè)三角形 , 第 $1, 4, 5$ 個(gè)點(diǎn)組成第三個(gè)三角形 ;

1、繪制 3 個(gè)點(diǎn)的情況

在 glBegin 和 glEnd 之間放置 $3$ 個(gè)點(diǎn) , 則繪制 $1, 2, 3$ 個(gè)點(diǎn) ;

代碼示例 :

// 只顯示正面 , 不顯示背面//glEnable(GL_CULL_FACE);// 設(shè)置順時(shí)針?lè)较?CW : Clock Wind 順時(shí)針?lè)较?/span>// 默認(rèn)是 GL_CCW : Counter Clock Wind 逆時(shí)針?lè)较?//glFrontFace(GL_CW);// 主消息循環(huán):while (GetMessage(&msg, nullptr, 0, 0)){if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg)){TranslateMessage(&msg);DispatchMessage(&msg);}// 渲染場(chǎng)景// 清除緩沖區(qū) , // 使用之前設(shè)置的 glClearColor(1.0, 0.0, 0.0, 1.0) 擦除顏色緩沖區(qū)// 紅色背景glClear(GL_COLOR_BUFFER_BIT);// 設(shè)置當(dāng)前的繪制顏色 , 4 個(gè) unsigned byte // 每個(gè)顏色的分量占一個(gè)字節(jié)// 參數(shù)數(shù)據(jù)是 R 紅色 G 綠色 B 藍(lán)色 A 透明度// 下面設(shè)置的含義是白色, 繪制點(diǎn)的時(shí)候, 每次都使用白色繪制glColor4ub(255, 255, 255, 255);// 設(shè)置線的寬度 glLineWidth(2.0f);//glBegin(GL_POINTS); // 繪制點(diǎn)//glBegin(GL_LINES); // 繪制線//glBegin(GL_LINE_STRIP);// 繪制前后連接的點(diǎn)組成的線//glBegin(GL_LINE_LOOP); // 繪制前后連接的點(diǎn)組成的線 , 并且收尾相連//glBegin(GL_TRIANGLES); // 繪制多個(gè)三角形//glBegin(GL_TRIANGLE_STRIP); // 繪制 GL_TRIANGLE_STRIP 三角形// 繪制三角形面glBegin(GL_TRIANGLE_FAN);// 1. 設(shè)置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)glColor4ub(255, 255, 255, 255);glVertex3f(0.0f, 0.0f, -10.0f);// 2. 設(shè)置綠色 glColor4ub(0, 255, 0, 255);glVertex3f(-5.0f, -2.0f, -10.0f);// 3. 設(shè)置藍(lán)色glColor4ub(0, 0, 255, 255);glVertex3f(-3.0f, -2.0f, -10.0f);// 1. 2. 3. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形 // 繪制三角形結(jié)束glEnd();// 將后緩沖區(qū)繪制到前臺(tái)SwapBuffers(dc);}

繪制效果 :

2、繪制 4 個(gè)點(diǎn)的情況

在 glBegin 和 glEnd 之間放置 $4$ 個(gè)點(diǎn) , 則 $1, 2, 3$ 繪制一個(gè)三角形 , $1, 3, 4$ 繪制一個(gè)三角形 ;

代碼示例 :

// 只顯示正面 , 不顯示背面//glEnable(GL_CULL_FACE);// 設(shè)置順時(shí)針?lè)较?CW : Clock Wind 順時(shí)針?lè)较?/span>// 默認(rèn)是 GL_CCW : Counter Clock Wind 逆時(shí)針?lè)较?//glFrontFace(GL_CW);// 主消息循環(huán):while (GetMessage(&msg, nullptr, 0, 0)){if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg)){TranslateMessage(&msg);DispatchMessage(&msg);}// 渲染場(chǎng)景// 清除緩沖區(qū) , // 使用之前設(shè)置的 glClearColor(1.0, 0.0, 0.0, 1.0) 擦除顏色緩沖區(qū)// 紅色背景glClear(GL_COLOR_BUFFER_BIT);// 設(shè)置當(dāng)前的繪制顏色 , 4 個(gè) unsigned byte // 每個(gè)顏色的分量占一個(gè)字節(jié)// 參數(shù)數(shù)據(jù)是 R 紅色 G 綠色 B 藍(lán)色 A 透明度// 下面設(shè)置的含義是白色, 繪制點(diǎn)的時(shí)候, 每次都使用白色繪制glColor4ub(255, 255, 255, 255);// 設(shè)置線的寬度 glLineWidth(2.0f);//glBegin(GL_POINTS); // 繪制點(diǎn)//glBegin(GL_LINES); // 繪制線//glBegin(GL_LINE_STRIP);// 繪制前后連接的點(diǎn)組成的線//glBegin(GL_LINE_LOOP); // 繪制前后連接的點(diǎn)組成的線 , 并且收尾相連//glBegin(GL_TRIANGLES); // 繪制多個(gè)三角形//glBegin(GL_TRIANGLE_STRIP); // 繪制 GL_TRIANGLE_STRIP 三角形// 繪制三角形面glBegin(GL_TRIANGLE_FAN);// 1. 設(shè)置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)glColor4ub(255, 255, 255, 255);glVertex3f(0.0f, 0.0f, -10.0f);// 2. 設(shè)置綠色 glColor4ub(0, 255, 0, 255);glVertex3f(-5.0f, -2.0f, -10.0f);// 3. 設(shè)置藍(lán)色glColor4ub(0, 0, 255, 255);glVertex3f(-3.0f, -2.0f, -10.0f);// 1. 2. 3. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形 // 4. 設(shè)置白色 glColor4ub(255, 255, 255, 255);glVertex3f(-1.0f, -2.0f, -10.0f);// 1. 3. 4. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形// 繪制三角形結(jié)束glEnd();// 將后緩沖區(qū)繪制到前臺(tái)SwapBuffers(dc);}

繪制效果 :

3、繪制 5 個(gè)點(diǎn)的情況

在 glBegin 和 glEnd 之間放置 $5$ 個(gè)點(diǎn) , 則 $1, 2, 3$ 繪制一個(gè)三角形 , $1, 3, 4$ 繪制一個(gè)三角形 , $1, 4, 5$ 繪制一個(gè)三角形 ;

代碼示例 :

// 只顯示正面 , 不顯示背面//glEnable(GL_CULL_FACE);// 設(shè)置順時(shí)針?lè)较?CW : Clock Wind 順時(shí)針?lè)较?/span>// 默認(rèn)是 GL_CCW : Counter Clock Wind 逆時(shí)針?lè)较?//glFrontFace(GL_CW);// 主消息循環(huán):while (GetMessage(&msg, nullptr, 0, 0)){if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg)){TranslateMessage(&msg);DispatchMessage(&msg);}// 渲染場(chǎng)景// 清除緩沖區(qū) , // 使用之前設(shè)置的 glClearColor(1.0, 0.0, 0.0, 1.0) 擦除顏色緩沖區(qū)// 紅色背景glClear(GL_COLOR_BUFFER_BIT);// 設(shè)置當(dāng)前的繪制顏色 , 4 個(gè) unsigned byte // 每個(gè)顏色的分量占一個(gè)字節(jié)// 參數(shù)數(shù)據(jù)是 R 紅色 G 綠色 B 藍(lán)色 A 透明度// 下面設(shè)置的含義是白色, 繪制點(diǎn)的時(shí)候, 每次都使用白色繪制glColor4ub(255, 255, 255, 255);// 設(shè)置線的寬度 glLineWidth(2.0f);//glBegin(GL_POINTS); // 繪制點(diǎn)//glBegin(GL_LINES); // 繪制線//glBegin(GL_LINE_STRIP);// 繪制前后連接的點(diǎn)組成的線//glBegin(GL_LINE_LOOP); // 繪制前后連接的點(diǎn)組成的線 , 并且收尾相連//glBegin(GL_TRIANGLES); // 繪制多個(gè)三角形//glBegin(GL_TRIANGLE_STRIP); // 繪制 GL_TRIANGLE_STRIP 三角形// 繪制三角形面glBegin(GL_TRIANGLE_FAN);// 1. 設(shè)置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)glColor4ub(255, 255, 255, 255);glVertex3f(0.0f, 0.0f, -10.0f);// 2. 設(shè)置綠色 glColor4ub(0, 255, 0, 255);glVertex3f(-5.0f, -2.0f, -10.0f);// 3. 設(shè)置藍(lán)色glColor4ub(0, 0, 255, 255);glVertex3f(-3.0f, -2.0f, -10.0f);// 1. 2. 3. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形 // 4. 設(shè)置白色 glColor4ub(255, 255, 255, 255);glVertex3f(-1.0f, -2.0f, -10.0f);// 1. 3. 4. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形// 5. 設(shè)置綠色 glColor4ub(0, 255, 0, 255);glVertex3f(1.0f, -2.0f, -10.0f);// 1. 3. 5. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形// 繪制三角形結(jié)束glEnd();// 將后緩沖區(qū)繪制到前臺(tái)SwapBuffers(dc);}

運(yùn)行效果 :

4、繪制 6 個(gè)點(diǎn)的情況

在 glBegin 和 glEnd 之間放置 $6$ 個(gè)點(diǎn) , 則 $1, 2, 3$ 繪制一個(gè)三角形 , $1, 3, 4$ 繪制一個(gè)三角形 , $1, 4, 5$ 繪制一個(gè)三角形 , $1, 5, 6$ 繪制一個(gè)三角形 ;

代碼示例 :

// 渲染場(chǎng)景// 清除緩沖區(qū) , // 使用之前設(shè)置的 glClearColor(1.0, 0.0, 0.0, 1.0) 擦除顏色緩沖區(qū)// 紅色背景glClear(GL_COLOR_BUFFER_BIT);// 設(shè)置當(dāng)前的繪制顏色 , 4 個(gè) unsigned byte // 每個(gè)顏色的分量占一個(gè)字節(jié)// 參數(shù)數(shù)據(jù)是 R 紅色 G 綠色 B 藍(lán)色 A 透明度// 下面設(shè)置的含義是白色, 繪制點(diǎn)的時(shí)候, 每次都使用白色繪制glColor4ub(255, 255, 255, 255);// 設(shè)置線的寬度 glLineWidth(2.0f);//glBegin(GL_POINTS); // 繪制點(diǎn)//glBegin(GL_LINES); // 繪制線//glBegin(GL_LINE_STRIP);// 繪制前后連接的點(diǎn)組成的線//glBegin(GL_LINE_LOOP); // 繪制前后連接的點(diǎn)組成的線 , 并且收尾相連//glBegin(GL_TRIANGLES); // 繪制多個(gè)三角形//glBegin(GL_TRIANGLE_STRIP); // 繪制 GL_TRIANGLE_STRIP 三角形// 繪制三角形面glBegin(GL_TRIANGLE_FAN);// 1. 設(shè)置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)glColor4ub(255, 255, 255, 255);glVertex3f(0.0f, 0.0f, -10.0f);// 2. 設(shè)置綠色 glColor4ub(0, 255, 0, 255);glVertex3f(-5.0f, -2.0f, -10.0f);// 3. 設(shè)置藍(lán)色glColor4ub(0, 0, 255, 255);glVertex3f(-3.0f, -2.0f, -10.0f);// 1. 2. 3. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形 // 4. 設(shè)置白色 glColor4ub(255, 255, 255, 255);glVertex3f(-1.0f, -2.0f, -10.0f);// 1. 3. 4. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形// 5. 設(shè)置綠色 glColor4ub(0, 255, 0, 255);glVertex3f(1.0f, -2.0f, -10.0f);// 1. 4. 5. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形// 6. 設(shè)置藍(lán)色glColor4ub(0, 0, 255, 255);glVertex3f(3.0f, -2.0f, -10.0f);// 1. 5. 6. 這三個(gè)點(diǎn)會(huì)繪制一個(gè)三角形// 繪制三角形結(jié)束glEnd();// 將后緩沖區(qū)繪制到前臺(tái)SwapBuffers(dc);}

繪制效果 :

二、相關(guān)資源

GitHub 地址 : https://github.com/han1202012/OpenGL
( GitHub 源碼始終都會(huì)隨著后續(xù)博客的進(jìn)度更新覆蓋 , 可能沒(méi)有本博客的相關(guān)源碼 , 推薦下載博客源碼快照 ) ;

博客源碼快照 : https://download.csdn.net/download/han1202012/14777770

總結(jié)

以上是生活随笔為你收集整理的【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：【OpenGL】十四、OpenGL 绘制
下一篇：【OpenGL】十七、OpenGL 绘制

编程问答

【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )

文章目錄

一、繪制 GL_TRIANGLE_FAN 三角形

1、繪制 3 個(gè)點(diǎn)的情況

2、繪制 4 個(gè)點(diǎn)的情況

3、繪制 5 個(gè)點(diǎn)的情況

4、繪制 6 個(gè)點(diǎn)的情況

二、相關(guān)資源

總結(jié)

2、繪制 4 個(gè)點(diǎn)的情況

二、相關(guān)資源