首页 文章

如何使用Retina显示在Mac OS上的OpenGL中绘制文本

提问于
浏览 次
4

我正在使用OpenGL在Mac OS中绘图 . 当我的代码在Retina显示器上运行时，一切正常，除了文本绘图 . 在视网膜显示下，文本是它应该的两倍大 . 这是因为字体大小以点为单位，每个点在Retina下都是2个像素，但OpenGL是基于像素的 .

这是标准显示下的正确文字绘图：

Correct text drawing under standard display

这是Retina显示下不正确的文字绘图：

Incorrect text drawing under Retina display

这是我正式绘制字符串的方式 . 由于OpenGL没有文本绘图功能，为了绘制文本，我执行以下操作：

  • 获取字体：

NSFontManager fontManager = [NSFontManager sharedFontManager];
NSString font_name = [NSString stringWithCString："Helvetica" encoding：NSMacOSRomanStringEncoding];
font = [fontManager fontWithFamily：font_name traits：fontStyle weight：5 size：9];
attribs = [[NSMutableDictionary dictionaryWithCapacity：3] retain];
[attribs setObject：font forKey：NSFontAttributeName];

  • 创建并测量字符串：

NSString * aString = [NSString stringWithCString："blah blah" encoding：NSMacOSRomanStringEncoding];
NSSize frameSize = [aString sizeWithAttributes：m_attribs];

  • 使用大小分配NSImage：

NSImage * image = [[NSImage alloc] initWithSize：frameSize];
[image lockFocus];

  • 将字符串绘制到图像中：

[aString drawAtPoint：NSMakePoint（0,0）withAttributes：m_attribs];

  • 获取位：

NSBitmapImageRep * bitmap = [[NSBitmapImageRep alloc] initWithFocusedViewRect：NSMakeRect（0.0f，0.0f，frameSize.width，frameSize.height）];
[image unlockFocus];

  • 创建OpenGL纹理：

GLuint纹理= 0;
glGenTextures（1，＆texture）;
glTexImage2D（GL_TEXTURE_RECTANGLE_EXT，0，GL_RGBA，GLsizei（frameSize.width），GLsizei（frameSize.height），0，GL_RGBA，[bitmap bitmapData]）;

  • 绘制纹理：

glBindTexture ......
其他OpenGL绘图代码

我的问题是如何让NSString以像素分辨率绘制而不是以点为单位 .

我尝试了以下方法：

  • 以点大小的一半绘制：4.5而不是9.这给了我正确的大小，但文本绘制模糊 .

  • 以点大小绘制并将纹理缩小到OpenGL的一半大小，再次这不会给出好看的结果：

Texture shrink

macos opengl fonts nsstring retina-display

3 回答

  • 0

    OpenGLs坐标系实际上是基于点而不是基于像素的，但是你决定这些点是什么 . 上下文通过glOrtho函数定义2D中的坐标系（或者您可以手动构造正交矩阵），其在屏幕上设置最小和最大x，y坐标 . 例如，可以设置正交投影，使得0位于屏幕左侧，100位于右侧，无论您渲染的帧缓冲区的大小如何 .

    字体纹理似乎创建得很好 . 问题是你在几何体上渲染它的次数是它需要的两倍 . 在OpenGL中，纹理大小不会影响屏幕上呈现的对象的大小 . 屏幕上的大小由传递给 glDrawArrays 或 glBegin 等的几何体定义，而不是纹理 .

    我认为问题在于您使用字体纹理的像素大小来定义用于在屏幕上渲染的四边形大小 . 这会将您的问题放在“其他OpenGL绘图代码”部分 . 要解决此问题，您可以将某种比例因子应用于绘图 . 在视网膜模式下，比例因子为0.5，对于普通屏幕，它将为1.0（UIKit使用类似的想法来呈现UIView内容）

    四元组计算可能如下所示：

    quad.width = texture.width * scaleFactor 
quad.height = texture.height * scaleFactor

    另一种选择是将四边形渲染大小与纹理完全分开 . 如果你有一个函数或类来绘制文本，它可以有一个字体大小参数，它将用作实际的四边形大小而不是使用纹理大小 .

    回复于
  • 0

    对于我的视网膜显示器，我遇到了我的帧缓冲器不适合实际窗口的问题（完整缓冲区渲染到窗口的四分之一） . 在这种情况下，使用doubled视口可以解决问题 .

    # Instead of actual window size width*height,
# double the dimensions for retina display 

glViewport(0, 0, width*2, height*2)

    在你的情况下（这部分只是一个假设，因为我无法运行你的代码），改变你传递给gl进行纹理创建的帧大小可以解决问题 .

    GLsizei(frameSize.width*2), GLsizei(frameSize.height*2)
    回复于
  • 1

    假设您有 NSBitmapImageRep 并从中获取像素栅格数据，则在从位图创建纹理时，您应该使用 bitmap.pixelsWide 和 bitmap.pixelsHigh ，而不是 frameSize .

    回复于

相关问题