- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用opengl在lwjgl显示屏上显示具有自定义字体的文本。目前,我正在使用自定义位图字体类从png文件加载字体,并以与tileet相同的方式显示它们。它可以正常工作,但是当我将文本绘制到屏幕上时,字符之间的间距是完全不同的,因为字母M比字母I宽得多,并且所有字符都有不同的宽度。有什么方法可以检测每个字符的宽度?还是在lwjgl中有特定于字体的库?有一种使用slick2d做到这一点的方法,但是加载整个库只是为了显示文本是毫无意义的!
最佳答案
我曾经遇到过同样的问题,所以这是我为解决问题所做的工作。
我通常会制作许多小的示例程序,因此实际上我仍然可以找到存在确切问题的程序,因此下面是屏幕截图。
正如您已经描述的那样,问题在于我们对每个字符使用相同的宽度,从而给出了可怕的间距。
基本上,我最终要做的是将每个字符和符号的x,y,宽度,高度,xoffset,yoffset,xadvance写入文件。
file data/materials/font/font1.png
char default width=5 height=7 xoffset=0 yoffset=0 xadvance=1
char id= x=0 y=16
char id=a x=8 y=48
char id=b x=16 y=48
char id=c x=24 y=48
... etc ...
char id=i x=72 y=48 width=1
... etc ...
char id=A x=8 y=32
char id=B x=16 y=32
char id=C x=24 y=32
... etc ...
char id=I x=72 y=32 width=3
... etc ...
file data/materials/font/font1.png
char default width=5 height=7 xoffset=0 yoffset=0 xadvance=1
char id=a x=8 y=48
ìd=a
当然告诉它是“a”,并且
x=8 y=48
是字符在纹理上的位置的左上坐标。
char default width=5 height=5 .....
,因此默认情况下也会将其分配给该字符。因此,基本上,解析器将
char id=a x=8 y=48
读取为
char id=a x=8 y=48 width=5 height=7 xoffset=0 yoffset=0 xadvance=1
char id=i x=72 y=48 width=1
的原因,您实际上可以看到我们将宽度定义为仅
1
而不是默认的
5
char id= x=0 y=16
BitmapFont
和
BitmapGlyph
。
我不会给您两个类的所有代码,因为Stack Overflow的重点不是我们应该完成所有工作。
BitmapGlyph
类存储有关字符/符号的信息,因为它只是用于存储信息的类,因此非常简单。
public class BitmapGlyph {
public int id;
public int x, y, width, height;
public int xoffset, yoffset, xadvance;
public float u, v, u2, v2;
}
BitmapFont
类主要包含2种方法
static load(final File file)
和
render(String text, float x, float y, float size)
dispose()
,
getTexture()
等,尽管与您的问题无关。
public final static BitmapFont load(final File file) {
BitmapFont font = new BitmapFont();
final ArrayList<BitmapGlyph> glyphs = new ArrayList<BitmapGlyph>();
try (final BufferedReader br = new BufferedReader(new InputStreamReader(new FileInputStream(file)))) {
String line;
while ((line = br.readLine()) != null) {
if (line.isEmpty()) { continue; }
// Now parse the file, example:
if (line.startsWith("file ")) {
// I don't know if you have a Texture class, and if you
// can load an image from a path to a texture,
// though since this is just an example and it's easy
// to understand. Then you will just have to adapt it
// to your own program.
font.texture = new Texture(new File(line.substring(5)));
}
// PARSE THE REST OF THE FILE
}
br.close();
}
catch (Exception ex) {}
return font;
}
x, y, width, height,
转换为纹理上的实际
u, v, u2, v2,
坐标。我通过像这样遍历每个
BitmapGlyph
来做到这一点。
int width = texture.getWidth(); // The width should of course be the actual pixel width of the image.
int height = texture.getHeight(); // The height should of course be the actual pixel height of the image.
for (BitmapGlyph glyph : glyphs) {
glyph.u = glyph.x / (float) width;
glyph.v = glyph.y / (float) height;
glyph.u2 = (glyph.x + glyph.width) / (float) width;
glyph.v2 = (glyph.y + glyph.height) / (float) height;
}
public final void render(String text, float x, float y, float size) {
// BIND FONT TEXTURE
glBegin(GL_QUADS);
for (int i = 0, istop = text.length(); i < istop; i++) {
char ascii = text.charAt(i);
BitmapGlyph g = ...; // Get the stored glyph according to the char, check against the BitmapGlyph id
float ww = g.width * size;
float hh = g.height * size;
float xx = x + g.xoffset * size;
float yy = y + g.yoffset * size;
glTexCoord2f(g.u, g.v);
glVertex2f(xx, yy);
glTexCoord2f(g.u, g.v2);
glVertex2f(xx, yy + hh);
glTexCoord2f(g.u2, g.v2);
glVertex2f(xx + ww, yy + hh);
glTexCoord2f(g.u2, g.v);
glVertex2f(xx + ww, yy);
x += (g.width + g.xadvance) * size;
}
glEnd();
}
关于opengl - Lwjgl/Opengl字体渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19610697/
如何以编程方式创建最大化的 lwjgl 窗口或使已创建的显示最大化? 注意:我不是问如何为显示器设置全屏模式。 最佳答案 Display.setResizable(true) 这将启用最大化按钮。 关
我对使用外部 Java 库非常陌生,我从基于 LWJGL 构建的 Slick2D 开始。我编写了一个简单的 StateBasedGame,它只在屏幕上打印三个选项。它给了我一个关于某些(jar?)文件
Exception in thread "main" java.lang.UnsatisfiedLinkError: no lwjgl in java.libr ary.path at
我正在 Itellij 中制作一个依赖 org.lwjgl.input 代码的 Minecraft mod。该库已从 LWJGL 3 中删除,因此我必须使用 LWJGL 2。我将正确的 LWJGL 2
我安装了 lwjgl 库和 natives 并将其放入/lib 文件夹。在 Eclipse Java 构建路径上设置库位置和 native 库位置。当我尝试在 Eclipse 上运行它时,它可以工作,
所以我已经使用 LWJGL 开发一个程序很长一段时间了,现在我希望能够轻松地向其他人展示它。但是,当我尝试将其导出为可运行的 jar 文件并在控制台中运行时,出现上述错误。 我还尝试将其导出为普通的
我尝试使用 LWJGL 编译 ( NetBeans ) Java 项目。我单击了项目 -> 属性,然后单击库 -> 编译。我添加了 Jars 位置、源文件位置和 javadoc 位置。 当我尝试构建项
在 NEHE 第 06 课 (http://nehe.gamedev.net/tutorial/texture_mapping/12038/) 中,您可以加载图像并用它来纹理对象。我目前使用的是LWJ
我正在尝试向我的程序添加全屏功能,但我无法让它工作。我想 Display.setFullscreen(true); 我尝试将其位置更改为创建显示的位置或设置显示模式的位置上方,但仍然无法正常工作。有什
我刚刚开始使用 LWJGL 和 OpenGL,但遇到了问题。我正在尝试弄清楚如何使用我找到的游戏引擎为我正在制作的游戏绘制一条简单的线条。 这是我正在使用的引擎的链接:https://github.c
我正在尝试在 java lwjgl 2.9 中编译着色器,如果我运行我的游戏,它无法编译着色器。问题是为什么着色器不重新识别 const 关键字,如果我删除 const 那么它会抛出错误 float
我在使用 Java 和 lwjgl 导入时遇到问题: import org.lwjgl.input.Keyboard; 行不通。我已经添加了 jar : lwjgl-glfw.jar lwjgl-op
我在 OpenGL 上下文中移动实体时遇到问题:当我尝试放置一个实体时,位置似乎是正确的,但是当实体开始移动时,一切都会出错,并且碰撞不起作用。我是 OpenGL 新手,我怀疑我的世界矩阵或模型矩阵是
我正在做一项家庭作业,使用 LightWeight Java 游戏库修改教授给出的代码。问题是我无法完全加载测试代码来开始测试修改。我已经按照修改中的说明链接了 jar 文件,但仍然存在一个挥之不去的
我是 Java 新手,我想将基本的 LWJGL 小程序上传到我的网站并在浏览器中播放。我不知道该怎么做,我想确保在继续开发游戏之前我知道如何让它工作。请帮助我,因为我不知道如何将 JWJGL 小程序或
我正在尝试旋转屏幕上的两个对象之一。我该怎么做?我只能让它旋转屏幕上的所有对象。代码: glColor3f(1, 0, 0); glBegin(GL_QUADS
我目前正在渲染一个天空盒,如下所示: //Front Face GL11.glBindTexture(GL11.GL_TEXTURE_2D, skybox[0].getText
我正在编写类似 Minecraft 的游戏。为了加载纹理和字体(目前没有声音),我使用 slick。 Slick 不再开发,maven 存储库不可用。是否有其他库(LibGDX 除外)可用于加载 lw
我正在尝试使用opengl在lwjgl显示屏上显示具有自定义字体的文本。目前,我正在使用自定义位图字体类从png文件加载字体,并以与tileet相同的方式显示它们。它可以正常工作,但是当我将文本绘制到
我正在使用 VBO 来渲染游戏中的所有立方体(因为会有很多立方体),并且我希望它们都带有纹理。当我运行我的代码时,立方体没有纹理(相反,它看起来有点红色,因为我的纹理是砖墙),并且只有当我非常接近立方
我是一名优秀的程序员,十分优秀!