opengl-球体的绘制

球体

opengl-pbr 光照一讲里,以球体为案例进行说明。球体的绘制第一次接触理解花了点时间

一、球体坐标分解

球体坐标分解

按照经纬度来理解,经度是y轴上的切面,维度是x-z 平面的弧度

经纬度

将y轴切分成64等分,x-z平面切分成64等分的扇形 y轴从上到下取值为[0, 180],即[0, π],x-z平面扫描取值[0, 360]即[0, 2π] 详细计算,参考如下代码,把一个球体拆分成65 * 65 个点 注意: y = cos(ySegment * PI); x = sin(ySegment * PI) * cos(xSegment * 2 * PI); x = sin(ySegment * PI) * sin (xSegment * 2 * PI); 按照上面这个顺序来理解比较容易

     const unsigned int X_SEGMENTS = 64;
        const unsigned int Y_SEGMENTS = 64;
        const float PI = 3.14159265359;
        for (unsigned int y = 0; y <= Y_SEGMENTS; ++y)
        {
            for (unsigned int x = 0; x <= X_SEGMENTS; ++x)
            {
                float xSegment = (float)x / (float)X_SEGMENTS;
                float ySegment = (float)y / (float)Y_SEGMENTS;
                float xPos = std::cos(xSegment * 2.0f * PI) * std::sin(ySegment * PI);
                float yPos = std::cos(ySegment * PI);
                float zPos = std::sin(xSegment * 2.0f * PI) * std::sin(ySegment * PI);

                positions.push_back(glm::vec3(xPos, yPos, zPos));
                uv.push_back(glm::vec2(xSegment, ySegment));
                normals.push_back(glm::vec3(xPos, yPos, zPos));
            }
        }

二、绘制三角形

这里有个坑,一开始没理解GL_TRIANGLE_STRIP,走了弯路,实际上理解了GL_TRIANGLE_STRIP,就明白代码中绘制的逻辑 glDrawElements(GL_TRIANGLE_STRIP, indexCount, GL_UNSIGNED_INT, 0); 三角形绘制有三种方式: GL_TRIANGLES、GL_TRIANGLE_STRIP和GL_TRIANGLE_FAN

GL_TRIANGLES比较好理解,按照一个个三角形来绘制,每次给三个坐标。 GL_TRIANGLE_STRIP,起始三个点,后面没增加一个点就增加一个三角形

三角形绘制模式

为保证所有三角形绘制都遵循顺时针原则(剔除中用到),要求当前增加的点角标为奇数:绘制顺序T=[n-1, n-2, n] 为偶数:绘制顺序T=[n-2, n-1, n] 参考下图,自己拿笔画一画就明白了

绘制顺序

绘制球体的其他代码就很好理解了不一一说明

unsigned int sphereVAO = 0;
unsigned int indexCount;
void renderSphere()
{
    if (sphereVAO == 0)
    {
        glGenVertexArrays(1, &sphereVAO);

        unsigned int vbo, ebo;
        glGenBuffers(1, &vbo);
        glGenBuffers(1, &ebo);

        std::vector<glm::vec3> positions;
        std::vector<glm::vec2> uv;
        std::vector<glm::vec3> normals;
        std::vector<unsigned int> indices;

        const unsigned int X_SEGMENTS = 64;
        const unsigned int Y_SEGMENTS = 64;
        const float PI = 3.14159265359;
        for (unsigned int y = 0; y <= Y_SEGMENTS; ++y)
        {
            for (unsigned int x = 0; x <= X_SEGMENTS; ++x)
            {
                float xSegment = (float)x / (float)X_SEGMENTS;
                float ySegment = (float)y / (float)Y_SEGMENTS;
                float xPos = std::cos(xSegment * 2.0f * PI) * std::sin(ySegment * PI);
                float yPos = std::cos(ySegment * PI);
                float zPos = std::sin(xSegment * 2.0f * PI) * std::sin(ySegment * PI);

                positions.push_back(glm::vec3(xPos, yPos, zPos));
                uv.push_back(glm::vec2(xSegment, ySegment));
                normals.push_back(glm::vec3(xPos, yPos, zPos));
            }
        }

        bool oddRow = false;
        for (unsigned int y = 0; y < Y_SEGMENTS; ++y)
        {
            if (!oddRow) // even rows: y == 0, y == 2; and so on
            {
                for (unsigned int x = 0; x <= X_SEGMENTS; ++x)
                {
                    indices.push_back(y       * (X_SEGMENTS + 1) + x);
                    indices.push_back((y + 1) * (X_SEGMENTS + 1) + x);
                }
            }

          // 这里奇偶分开添加是有道理的,奇偶分开添加,就能首位相连,自己可以拿笔画一画
            else
            {
                for (int x = X_SEGMENTS; x >= 0; --x)
                {
                    indices.push_back((y + 1) * (X_SEGMENTS + 1) + x);
                    indices.push_back(y       * (X_SEGMENTS + 1) + x);
                }
            }
            oddRow = !oddRow;
        }
        indexCount = indices.size();

        std::vector<float> data;
        for (unsigned int i = 0; i < positions.size(); ++i)
        {
            data.push_back(positions[i].x);
            data.push_back(positions[i].y);
            data.push_back(positions[i].z);
            if (uv.size() > 0)
            {
                data.push_back(uv[i].x);
                data.push_back(uv[i].y);
            }
            if (normals.size() > 0)
            {
                data.push_back(normals[i].x);
                data.push_back(normals[i].y);
                data.push_back(normals[i].z);
            }
        }
        glBindVertexArray(sphereVAO);
        glBindBuffer(GL_ARRAY_BUFFER, vbo);
        glBufferData(GL_ARRAY_BUFFER, data.size() * sizeof(float), &data[0], GL_STATIC_DRAW);
        glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, ebo);
        glBufferData(GL_ELEMENT_ARRAY_BUFFER, indices.size() * sizeof(unsigned int), &indices[0], GL_STATIC_DRAW);
        float stride = (3 + 2 + 3) * sizeof(float);
        glEnableVertexAttribArray(0);
        glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, stride, (void*)0);
        glEnableVertexAttribArray(1);
        glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, stride, (void*)(3 * sizeof(float)));
        glEnableVertexAttribArray(2);
        glVertexAttribPointer(2, 3, GL_FLOAT, GL_FALSE, stride, (void*)(5 * sizeof(float)));
    }

    glBindVertexArray(sphereVAO);
    glDrawElements(GL_TRIANGLE_STRIP, indexCount, GL_UNSIGNED_INT, 0);
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 22.opengl高级-实例化

    绘制有共同特征,或者按照一定规则变化的图形阵列,如果挨个按照普通流程来绘制:绑定VAO、绑定纹理、设置uniform-->调用glDrawArrays(GL_T...

    用户1068165
  • 18.opengl高级-立方体贴图

    立方体贴图在《视觉计算基础》一书中,第14章的环境贴图中有讲到,常见的环境贴图有立方体环境贴图和球体环境贴图,根据实际场景来区分使用,比如你想创建一个四四方方的...

    用户1068165
  • 17.opengl高级-帧缓冲(1)

    1.3. check帧缓冲状态(没有深入理解,具体需要检测哪些数据),后面的操作渲染到当前帧缓冲中,即离屏渲染(Off-screen Rendering),窗口...

    用户1068165
  • 利好的政策下,机构债销如何提升营销效率?

    新《证券法》下的企业债、公司债市场迎来了三方面重大改革: 一是全面推行注册制,简化发行程序 二是降低了发行条件 三是加强信息披露与投资者保护 (以上观点引用自...

    腾讯企点
  • Nginx设置端口访问

    Nginx配置端口访问的网站,可以使用iis7服务器监控工具修改端口。IIS7服务器监控工具该软件风格简约,操作简单,删除系统缓存,重启服务器,修改服务器账号密...

    it妹
  • 设计模式——设计原则

    程序开发不仅要知道设计模式还要知道设计的原则,尽最大能力按照原则设计开发,对于代码review或者修改后期项目以及项目交接都会很方便。

    小森啦啦啦
  • 简单搭建流媒体服务器

    1 DarwinStreamSever安装包,Perl解释器,MP4Box安装包,当前目录下的Tools.rar包含了DarwinStreamServer和Pe...

    视界音你而不同
  • 一周播报|忙成狗的DBA,为啥老被误会混日子?

    DBA的工作到底是一天天喝茶看报混日子,还是忙成狗?很多人也许不知道DBA到底在忙什么,发展路径又是怎样的。养码场的群友们对此的讨论,也许对你未来跳新坑的方向有...

    养码场
  • 7步搞定Python数据可视化,业界大牛出品教程,Jupyter、Colab都有在线版

    用Excel的话,很难展示出这种效果,那……不如用Python?不用手动排版设计,简单的代码就能直接运行出结果。

    量子位
  • 7步搞定Python数据可视化,业界大牛出品教程,Jupyter、Colab都有在线版

    用Excel的话,很难展示出这种效果,那……不如用Python?不用手动排版设计,简单的代码就能直接运行出结果。

    代码医生工作室

扫码关注云+社区

领取腾讯云代金券