计算机图形学-OpenGL-绘制五角星

计算机图形学-OpenGL-绘制五角星

本次实验我们将利用OpenGL绘制五角星图案,集成开发环境采用VS2013。

预备知识

五角星五个顶点的计算方法:

五个顶点均匀分布在圆周上,可以用如下公式计算:

  • Xi=Rcos(2πi5)
  • Xi=Rsin(2πi5)
  • i=0,1,2,3,4

实验步骤

  1. 按上述公式计算5个顶点坐标,记为ABCDE;
  2. 画线段:AC、CE、EB、BD、DA。
  3. 设置合适的线段宽度、颜色。
  4. 将图形移动到屏幕中央:glTranslate2f(dx, dy)

实验代码

#include <GL/glut.h>
#include <math.h>
#include <cstdio>

const GLfloat Pi = 3.1415926536f;  //定义Pi值

GLfloat X[5], Y[5];  //用数组声明5组坐标
int R = 1;  //定义半径

void init() //初始化函数
{
    glClearColor(1.0, 1.0, 1.0, 0.0);  //设置背景颜色
    for (int i = 0; i <= 4; i++)
    {
        //在圆上初始化5个坐标点
        X[i] = R*cos(2 * Pi*i / 5);
        Y[i] = R*sin(2 * Pi*i / 5);
    }
}

void myDisplay(void)  //显示函数
{
    glClear(GL_COLOR_BUFFER_BIT);  //清除颜色
    glColor3f(1.0, 0.0, 0.0);  //设置线条颜色
    glBegin(GL_LINE_LOOP);  //按照顺序开始画线,AC->CE->EB->BD->DA
        glVertex2f(X[0], Y[0]);
        glVertex2f(X[2], Y[2]);
        glVertex2f(X[4], Y[4]);
        glVertex2f(X[1], Y[1]);
        glVertex2f(X[3], Y[3]);
    glEnd();
    glFlush();  //保证前面的命令立即执行
}

int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_SINGLE);
    glutInitWindowPosition(100, 100);  //设置显示位置
    glutInitWindowSize(400, 400);   //设置窗口大小
    glutCreateWindow("五角星图案");  //设置窗口标题
    init();                          //运行初始化函数
    glutDisplayFunc(&myDisplay);     //调用显示窗口
    glutMainLoop();
    return 0;
}

效果预览

运行效果

要在OpenGL绘制带有纹理的五角星,您需要以下步骤: 1. 创建一个带有纹理坐标的五角星顶点数组。 2. 加载纹理图像并将其绑定到OpenGL纹理对象上。 3. 在绘制五角星之前,启用纹理映射并将纹理对象绑定到纹理单元上。 4. 在绘制五角星时,使用相应的纹理坐标来指定每个顶点的纹理映射。 5. 在绘制完成后,禁用纹理映射。 以下是一个简单的示例代码: ``` // 五角星顶点数组 GLfloat vertices[] = { // 顶点坐标 纹理坐标 -0.5f, 0.0f, 0.0f, 0.0f, 0.5f, 0.5f, 0.0f, 0.0f, 1.0f, 0.5f, -0.25f, 0.5f, 0.0f, 0.0f, 0.0f, 0.0f, -0.5f, 0.0f, 0.5f, 1.0f, 0.25f, 0.5f, 0.0f, 1.0f, 0.0f }; // 加载纹理图像 GLuint texture; glGenTextures(1, &texture); glBindTexture(GL_TEXTURE_2D, texture); int width, height; unsigned char* image = SOIL_load_image("texture.jpg", &width, &height, 0, SOIL_LOAD_RGB); glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, width, height, 0, GL_RGB, GL_UNSIGNED_BYTE, image); SOIL_free_image_data(image); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR); // 在绘制之前启用纹理映射 glEnable(GL_TEXTURE_2D); glBindTexture(GL_TEXTURE_2D, texture); // 绘制五角星 glEnableClientState(GL_VERTEX_ARRAY); glEnableClientState(GL_TEXTURE_COORD_ARRAY); glVertexPointer(3, GL_FLOAT, 5 * sizeof(GLfloat), vertices); glTexCoordPointer(2, GL_FLOAT, 5 * sizeof(GLfloat), &vertices[3]); glDrawArrays(GL_TRIANGLE_STRIP, 0, 5); // 在绘制之后禁用纹理映射 glDisableClientState(GL_VERTEX_ARRAY); glDisableClientState(GL_TEXTURE_COORD_ARRAY); glDisable(GL_TEXTURE_2D); ``` 这里我们使用了SOIL库来加载纹理图像。如果您没有安装SOIL,请根据您的操作系统和开发环境选择其他图像加载库。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值