pyOpenGL 2D图像绘制倾斜

Question

我正在尝试使用 pillow 加载图像在 OpenGL 中绘制二维图像，但是当我在 OpenGL 中渲染它时，图像倾斜。

这是原图：

Loading.png

这是代码：

# -*- coding: utf-8 -*-
import glfw
from OpenGL.GL import *
if not glfw.init():
    sys.exit()
glfw.window_hint(glfw.CONTEXT_VERSION_MAJOR, 1)
glfw.window_hint(glfw.CONTEXT_VERSION_MINOR, 4)
window = glfw.create_window(800, 600, "Hello World", None, None)
if not window:
    sys.exit()
glfw.make_context_current(window)
glEnable(GL_BLEND)
glClearColor(1.0/255.0*68.0, 1.0/255.0*68.0, 1.0/255.0*68.0, 1.0)
glClear(GL_COLOR_BUFFER_BIT)
glViewport(0, 0, 800, 600)
glMatrixMode(GL_PROJECTION)
glLoadIdentity()
glOrtho(0.0, 800.0, 600.0, 0.0, 0.0, 1.0)

import numpy
from PIL import Image # pillow
def ReadTexture( filename):
  # PIL can open BMP, EPS, FIG, IM, JPEG, MSP, PCX, PNG, PPM
  # and other file types.  We convert into a texture using GL.
  print('trying to open', filename)
  try:
     image = Image.open(filename)
  except IOError as ex:
     print('IOError: failed to open texture file')
     message = template.format(type(ex).__name__, ex.args)
     print(message)
     return -1
  print('opened file: size=', image.size, 'format=', image.format)
  imageData = numpy.array(list(image.getdata()), numpy.uint8)

  textureID = glGenTextures(1)
  glPixelStorei(GL_UNPACK_ALIGNMENT, 4)
  glBindTexture(GL_TEXTURE_2D, textureID)
  glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_NEAREST);
  glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_NEAREST);
  glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_WRAP_S,GL_CLAMP_TO_EDGE);
  glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_WRAP_T,GL_CLAMP_TO_EDGE);
  glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_BASE_LEVEL, 0)
  glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAX_LEVEL, 0)
  glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, image.size[0], image.size[1],
     0, GL_RGB, GL_UNSIGNED_BYTE, imageData)

  image.close()
  return textureID

import sys
def get_user_input(str):
    if sys.version_info[0] < 3:
        return raw_input(str)
    else:
        return input(str)
print("started")

texture_id = ReadTexture("loading.png")
while True:
    glfw.poll_events()            
    glClear(GL_COLOR_BUFFER_BIT)
    glEnable(GL_TEXTURE_2D)
    glBindTexture(GL_TEXTURE_2D, texture_id)
    glBegin(GL_QUADS)
    glTexCoord2f(0, 0)
    glVertex2f(0,0)
    glTexCoord2f(0, 1)
    glVertex2f(0,100)
    glTexCoord2f(1, 1)
    glVertex2f(100,100)
    glTexCoord2f(1, 0)
    glVertex2f(100,0)
    glEnd()
    glDisable(GL_TEXTURE_2D)
    glfw.swap_buffers(window)

glfw.destroy_window(window)
glfw.terminate()

get_user_input("PRESS ENTER")

结果

如你所见，结果是一个歪斜的图像，我不知道为什么会这样，我也看不出代码的问题。

编辑：可以在 python 2.7 和 3.8

中确认相同的问题

Answer 1

我认为您正试图在 100x100 四边形上绘制 106x26 图像。尝试将四边形的大小更改为 106x26.

Answer 2

当图像加载到纹理对象时，GL_UNPACK_ALIGNMENT 必须设置为 1：

glPixelStorei(GL_UNPACK_ALIGNMENT, 1)
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, image.size[0], image.size[1],
     0, GL_RGB, GL_UNSIGNED_BYTE, imageData)

请注意，在您的情况下，对齐设置为 4（默认值）。这意味着假定图像的每一行都对齐到 4 的倍数的大小。由于图像数据被紧密打包并且每个像素的大小为 3 个字节 (GL_RGB)，因此对齐具有待更改。

pyOpenGL 2D图像绘制倾斜

pyOpenGL 2D Image drawn skewed

python

opengl

pyopengl

python-imaging-library