OpenGL ES 04 图片数据是怎么写入到对应纹理单元的

  1. 从指定路径加载图像并转换为 CGImage。
  2. 获取图像的宽度和高度。
  3. 创建一个 RGB 颜色空间。
  4. 为图像数据分配内存。
  5. 创建一个位图上下文并将图像绘制到上下文中。
  6. 创建一个新的纹理对象并绑定到指定的纹理单元。
  7. 指定二维纹理图像。
  8. 释放分配的内存。
  9. 设置纹理参数,包括放大和缩小过滤器以及环绕方式。
cpp 复制代码
func loadTexture(from path: String, index: Int) {
    // 尝试从指定路径加载图像,并将其转换为 CGImage。如果加载失败,则触发一个致命错误。
    guard let image = UIImage(named: path)?.cgImage else {
        fatalError("Failed to load image at path: \(path)")
    }

    // 获取图像的宽度和高度
    let width = image.width
    let height = image.height

    // 创建一个 RGB 颜色空间
    let colorSpace = CGColorSpaceCreateDeviceRGB()
    
    // 为图像数据分配内存。每个像素有 4 个字节(RGBA),总大小为宽度 * 高度 * 4。
    let rawData = calloc(height * width * 4, MemoryLayout<GLubyte>.size)
    
    // 每个像素的字节数
    let bytesPerPixel = 4
    
    // 每行的字节数
    let bytesPerRow = bytesPerPixel * width
    
    // 每个组件的位数
    let bitsPerComponent = 8

    // 创建一个位图上下文,用于绘制图像数据
    let context = CGContext(data: rawData,
                            width: width,
                            height: height,
                            bitsPerComponent: bitsPerComponent,
                            bytesPerRow: bytesPerRow,
                            space: colorSpace,
                            bitmapInfo: CGImageAlphaInfo.premultipliedLast.rawValue)

    // 将图像绘制到上下文中
    context?.draw(image, in: CGRect(x: 0, y: 0, width: width, height: height))

    // 创建一个新的纹理对象
    var texture: GLuint = 0
    glGenTextures(1, &texture)
    
    // 激活指定的纹理单元
    glActiveTexture(GLenum(GL_TEXTURE0 + Int32(index)))
    
    // 绑定纹理对象到 GL_TEXTURE_2D 目标
    glBindTexture(GLenum(GL_TEXTURE_2D), texture)
    
    // 指定二维纹理图像
    glTexImage2D(GLenum(GL_TEXTURE_2D), 0, GL_RGBA, GLsizei(width), GLsizei(height), 0, GLenum(GL_RGBA), GLenum(GL_UNSIGNED_BYTE), rawData)

    // 释放分配的内存
    free(rawData)

    // 设置纹理参数
    // 设置纹理放大过滤器为 GL_LINEAR(线性过滤)
    glTexParameteri(GLenum(GL_TEXTURE_2D), GLenum(GL_TEXTURE_MAG_FILTER), GL_LINEAR)
    
    // 设置纹理缩小过滤器为 GL_NEAREST(邻近过滤)
    glTexParameteri(GLenum(GL_TEXTURE_2D), GLenum(GL_TEXTURE_MIN_FILTER), GL_NEAREST)
    
    // 设置纹理在 S 方向上的环绕方式为 GL_REPEAT(重复)
    glTexParameteri(GLenum(GL_TEXTURE_2D), GLenum(GL_TEXTURE_WRAP_S), GL_REPEAT)
    
    // 设置纹理在 T 方向上的环绕方式为 GL_REPEAT(重复)
    glTexParameteri(GLenum(GL_TEXTURE_2D), GLenum(GL_TEXTURE_WRAP_T), GL_REPEAT)
}
相关推荐
回眸&啤酒鸭4 天前
【回眸】Minicart 电商购物车核心功能落地指南
人工智能
一隅论数智4 天前
给AI一张“业务概念地图“:本体如何从哲学走向企业智能
大数据·人工智能·经验分享·笔记·学习·学习方法·政务
AI的探索之旅4 天前
97 个 OpenCV 实例(三十):双目立体,从标定到点云
人工智能·opencv·计算机视觉
AlbertZein4 天前
Step-5-Preview 上手实测:3D 游戏、金融分析、网页设计一次跑完
人工智能·aigc
LaughingZhu4 天前
Product Hunt 每日热榜 | 2026-09-19
人工智能·深度学习·神经网络·搜索引擎·百度
美狐美颜SDK开放平台4 天前
开发直播APP时如何接入视频美颜SDK?开发流程与注意事项
android·人工智能·计算机视觉·音视频·直播美颜sdk
wukangjupingbb4 天前
智能网联汽车安全能力框架
人工智能
龙亘川4 天前
明月照湾区,智启新赛道:从顶流文旅IP盛会看智慧文旅升级路径
人工智能·智慧城市·开源软件·数据可视化
飞猫的边缘AI4 天前
边缘AI应用:家用AI摄像头怎么做数据训练?
人工智能·边缘计算·ai算法·边缘ai