繪制一個Obj模型,效果如下圖所示
成都創(chuàng)新互聯(lián)主營武城網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件開發(fā)公司,武城h5重慶小程序開發(fā)公司搭建,武城網(wǎng)站營銷推廣歡迎武城等地區(qū)企業(yè)咨詢這里給模型加載頂點和紋理的信息,加上環(huán)境光、漫反射和鏡面反射,這里我用的是一個方向光。
并且讓模型每一幀旋轉(zhuǎn)一個角度達到動態(tài)旋轉(zhuǎn)的效果。
1、Obj模型基本內(nèi)容及加載
v 表示頂點數(shù)據(jù)
vt 表示紋理數(shù)據(jù)
vn 表示法線數(shù)據(jù)
f 表示一個面的頂點數(shù)據(jù)的Index
這里我是直接解析的模型,代碼如下所示:
objmode.h
#ifndef OBJMODE_H #define OBJMODE_H #include <QObject> #include <QString> #include <QStringList> #include <QVector> #include <QFile> #include <QTextStream> struct VertexData { float postion[3]; float texcoord[2]; float normal[3]; }; struct VertexPos { float postion[3]; }; struct VertexTex { float coord[2]; }; struct VertexNor { float normal[3]; }; struct VertexIndex { int posIndex; int coordIndex; int normalIndex; }; class ObjMode : QObject { public: ObjMode(); ~ObjMode(); bool loadObjModel(QString nFileStr, QVector&nVertextData, QVector&index); private: QVectorm_VertexInfo; QVectorm_TextureInfo; QVectorm_NormalInfo; QVectorm_VertexIndex; QVectorm_FaceIndex; }; #endif // OBJMODE_H
其中l(wèi)oadObjModel()函數(shù)就是加載模型的函數(shù),輸入為文件路徑,會返回頂點的數(shù)據(jù)內(nèi)容和每個面的三角形對應(yīng)的頂點的索引。
函數(shù)實現(xiàn)如下所示:
bool ObjMode::loadObjModel(QString nFileStr, QVector<VertexData> &nVertextData, \ QVector<unsigned int> &index) { QFile nObjFile(nFileStr); if (!nObjFile.exists()) return false; if (!nObjFile.open(QFile::ReadOnly)) return false; nVertextData.clear(); index.clear(); m_TextureInfo.clear(); m_NormalInfo.clear(); m_VertexInfo.clear(); m_VertexIndex.clear(); m_FaceIndex.clear(); QTextStream nTextStream(&nObjFile); for (;!nTextStream.atEnd();) { QString nLineString = nTextStream.readLine(); QByteArray nData = nLineString.toLocal8Bit(); if (nData.length() <= 2) continue; if (nData.at(0) == 'v') { QStringList nStrList = nLineString.split(" "); if (nData[1] == 't') { if (nStrList.count() <= 0 || nStrList.at(0) != "vt") continue; VertexTex nTexture; for (int i=1; i<nStrList.count(); ++i) nTexture.coord[i - 1] = nStrList.at(i).toFloat(); m_TextureInfo << nTexture; } else if (nData[1] == 'n') { if (nStrList.count() <= 0 || nStrList.at(0) != "vn") continue; VertexNor nNormal; for (int i=1; i<nStrList.count(); ++i) nNormal.normal[i - 1] = nStrList.at(i).toFloat(); m_NormalInfo << nNormal; } else { if (nStrList.count() <= 0 || nStrList.at(0) != "v") continue; VertexPos nPos; for (int i=1; i<nStrList.count(); ++i) nPos.postion[i - 1] = nStrList.at(i).toFloat(); m_VertexInfo << nPos; } } else if (nData[0] == 'f') { QStringList nStrList = nLineString.split(" "); if (nStrList.count() <= 0 || nStrList.at(0) != "f") continue; for (int i=1; i<nStrList.count(); ++i) { VertexIndex nIndex; QString nFaceIndexStr = nStrList.at(i); QStringList nFaceList = nFaceIndexStr.split("/"); nIndex.posIndex = nFaceList.at(0).toUInt() - 1; nIndex.coordIndex = nFaceList.at(1).toUInt() - 1; nIndex.normalIndex = nFaceList.at(2).toUInt() - 1; bool isFinded = false; for (int j=0; j<m_VertexIndex.count(); ++j) { if (nIndex.posIndex == m_VertexIndex.at(j).posIndex && \ nIndex.coordIndex == m_VertexIndex.at(j).coordIndex && \ nIndex.normalIndex == m_VertexIndex.at(j).normalIndex) { isFinded = true; m_FaceIndex << j; break; } } if (!isFinded) { m_VertexIndex << nIndex; m_FaceIndex << m_VertexIndex.count() - 1; } } } } nObjFile.close(); for (int i=0; i<m_VertexIndex.count(); ++i) { VertexData nPerVertextData; int posIndex = m_VertexIndex.at(i).posIndex; int textureIndex = m_VertexIndex.at(i).coordIndex; int normalIndex = m_VertexIndex.at(i).normalIndex; memcpy(nPerVertextData.postion, m_VertexInfo.at(posIndex).postion, sizeof(VertexPos)); memcpy(nPerVertextData.texcoord, m_TextureInfo.at(textureIndex).coord, sizeof(VertexTex)); memcpy(nPerVertextData.normal, m_NormalInfo.at(normalIndex).normal, sizeof(VertexNor)); nVertextData.push_back(nPerVertextData); } for (int i=0; i<m_FaceIndex.count(); ++i) { index.push_back(m_FaceIndex.at(i)); } return true; }
2、創(chuàng)建紋理
GLuint OpenGLOperate::createTexture(QString nFile) { GLuint textureId = 0; QFile file(nFile); if (!file.exists()) return 0; QImage p_w_picpath(nFile); QImage textureImage; int width = p_w_picpath.width(); int height = p_w_picpath.height(); textureImage = p_w_picpath.convertToFormat(QImage::Format_RGBA8888); textureImage = textureImage.mirrored(); m_OpenGLCore->glGenTextures(1, &textureId); m_OpenGLCore->glBindTexture(GL_TEXTURE_2D, textureId); m_OpenGLCore->glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE); m_OpenGLCore->glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE); m_OpenGLCore->glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR); m_OpenGLCore->glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR); m_OpenGLCore->glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, width, height, 0, \ GL_RGBA, GL_UNSIGNED_BYTE, textureImage.bits()); m_OpenGLCore->glBindTexture(GL_TEXTURE_2D, 0); return textureId; }
為Shader的紋理賦值,默認(rèn)使用0號紋理單元
m_Texture = m_OpenGLOperate->createTexture(":/niutou.bmp"); OpenGLCore->glBindTexture(GL_TEXTURE_2D, m_Texture); OpenGLCore->glUniform1i(m_TextureLocation, 0);
3、關(guān)于環(huán)境光、漫反射及高光
環(huán)境光:在無光源下的環(huán)境的亮度;這里將環(huán)境光直接寫到fragment shader中(也可以在用uniform在CPU上設(shè)置)
設(shè)置環(huán)境光的亮度及材質(zhì)
// Ambient vec4 M_AmbientLightColor = vec4(0.2, 0.2, 0.2, 1.0); vec4 M_AmbientMaterial = vec4(0.2, 0.2, 0.2, 1.0); vec4 ambientColor = M_AmbientLightColor * M_AmbientMaterial;
漫反射:在光的照射下物體反射的顏色,也就是物體反射的顏色
光照強度的計算:物體表面的點指向光源的向量 點乘 法線,就是發(fā)光強度。
分析:指向光源的向量與法線的夾角為0度時,反射的光線越多,發(fā)光強度越大。夾角為90度時,發(fā)光強度就為0,如果大于90度則為背光面。
// Diffuse vec3 M_LightPos = vec3(10.0, 10.0, 0.0); vec3 LightNormal = normalize(M_LightPos); // 指向光源的單位向量,方向光 vec3 NormalNormal = normalize(M_normal); // 法線的單位向量 // 點乘獲取光照強度 vec4 M_DiffuseLightColor = vec4(1.0, 1.0, 1.0, 1.0); vec4 M_DiffuseMaterial = vec4(0.9, 0.9, 0.9, 1.0); vec4 diffuseColor = M_DiffuseLightColor * M_DiffuseMaterial * max(0.0, dot(NormalNormal, LightNormal));
鏡面發(fā)射:高光,在金屬等物體表面的光
標(biāo)準(zhǔn)phong模型 光照強度的計算:反射光線 點乘 直線眼睛的向量作為基底,然后取一個冪
分析:當(dāng)反射光線與指向眼睛的向量夾角為0度時,則為最亮的部分
// 鏡面反射 vec4 specularLightColor = vec4(1.0, 1.0, 1.0, 1.0); vec4 specularMaterial = vec4(0.4, 0.4, 0.4, 1.0); vec3 reflerDir = normalize(reflect(-LightNormal, NormalNormal)); vec3 eyeDir = normalize(vec3(0.0) - M_WordPos); vec4 specularColor = specularLightColor * specularMaterial * pow(max(0.0, dot(reflerDir, eyeDir)), 180);
4、法線矩陣(Normal Matrix)
當(dāng)模型矩陣變換時,法線也會變,需要重新計算法線,公式為:
法線矩陣 = 模型矩陣的逆的轉(zhuǎn)置
變換后的法線 = 法線矩陣 * 法線
QMatrix4x4 nMormalMat; // 法線矩陣 QMatrix4x4 nModeMat; // 模型矩陣 nModeMat.translate(0, -50, -200); if (m_Rote > 360) m_Rote = 0; else m_Rote += 1.0f; nModeMat.rotate(m_Rote, 0.0f, 1.0f, 0.0f); QMatrix4x4 nNormalMatrix = nModeMat.inverted().transposed();
Vertex Shader:
attribute vec3 pos; attribute vec2 coord; attribute vec3 normal; uniform mat4 M; uniform mat4 V; uniform mat4 P; uniform mat4 NM; varying vec2 M_coord; varying vec3 M_normal; varying vec3 M_WordPos; void main() { M_coord = coord; M_WordPos = vec3(M * vec4(pos, 1.0)); M_normal = mat3(NM) * normal;// 計算法線 gl_Position = P * V * M * vec4(pos, 1.0); }
Fragment Shader
uniform sampler2D U_MainTexture; varying vec2 M_coord; varying vec3 M_normal; varying vec3 M_WordPos; //uniform vec3 M_LightPos; // 平行光 //uniform vec4 M_AmbientLightColor; //uniform vec4 M_AmbientMaterial; //uniform vec4 M_DiffuseLightColor; //uniform vec4 M_DiffuseMaterial; void main() { // Ambient vec4 M_AmbientLightColor = vec4(0.2, 0.2, 0.2, 1.0); vec4 M_AmbientMaterial = vec4(0.2, 0.2, 0.2, 1.0); vec4 ambientColor = M_AmbientLightColor * M_AmbientMaterial; // Diffuse vec3 M_LightPos = vec3(10.0, 10.0, 0.0); vec3 LightNormal = normalize(M_LightPos); // 指向光源的單位向量 vec3 NormalNormal = normalize(M_normal); // 法線的單位向量 // 點乘獲取光照強度 vec4 M_DiffuseLightColor = vec4(1.0, 1.0, 1.0, 1.0); vec4 M_DiffuseMaterial = vec4(0.9, 0.9, 0.9, 1.0); vec4 diffuseColor = M_DiffuseLightColor * M_DiffuseMaterial * max(0.0, dot(NormalNormal, LightNormal)); // 鏡面反射 vec4 specularLightColor = vec4(1.0, 1.0, 1.0, 1.0); vec4 specularMaterial = vec4(0.4, 0.4, 0.4, 1.0); vec3 reflerDir = normalize(reflect(-LightNormal, NormalNormal)); vec3 eyeDir = normalize(vec3(0.0) - M_WordPos); vec4 specularColor = specularLightColor * specularMaterial * pow(max(0.0, dot(reflerDir, eyeDir)), 180); gl_FragColor = ambientColor + texture2D(U_MainTexture, M_coord) * 1 + specularColor; }
為了使模型看的更清楚,我沒用漫反射。如果使用漫反射可以將最后一句改成:
gl_FragColor = ambientColor + texture2D(U_MainTexture, M_coord) * diffuseColor + specularColor;
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
本文名稱:基于Qt的OpenGL可編程管線學(xué)習(xí)(2)-obj模型繪制-創(chuàng)新互聯(lián)
當(dāng)前鏈接:http://aaarwkj.com/article8/hoeip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站、App開發(fā)、企業(yè)建站、品牌網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)