【问题标题】:Draw text over sphere in libgdx在 libgdx 中的球体上绘制文本
【发布时间】:2017-09-18 10:03:41
【问题描述】:

我正在尝试使用 libgdx 来渲染一些 fbx 模型,并且我成功地做到了,但我卡在了一个点上。

我在 ModelInstance 的帮助下渲染一个篮球 fbx 文件,现在我想在那个篮球上绘制一个文本。我可以在篮球上绘制文字,但它是线性的,看起来不是篮球的一部分。 我希望文本与那个球具有相同的曲线方式。

这就是我绘制文本的方式--

batch = new SpriteBatch();
batch.setProjectionMatrix(camera.combined);

FreeTypeFontGenerator generator = new FreeTypeFontGenerator(Gdx.files.internal("font/Lato-Bold.ttf"));
    FreeTypeFontGenerator.FreeTypeFontParameter parameter = new FreeTypeFontGenerator.FreeTypeFontParameter();
    parameter.size = 30;
    parameter.color = com.badlogic.gdx.graphics.Color.WHITE;
    parameter.magFilter = Texture.TextureFilter.Linear; // used for resizing quality
    parameter.minFilter = Texture.TextureFilter.Linear;
    generator.scaleForPixelHeight(3);

    BitmapFont aFont = generator.generateFont(parameter);
    aFont.getRegion().getTexture().setFilter(Texture.TextureFilter.Linear, Texture.TextureFilter.Linear);

aFont.draw(batch, options.get(i), aBound.getCenterX(), aBound.getCenterY() + textHeight / 2);

Where aBound --> 模型的BoundingBox(即BasketBall)

【问题讨论】:

  • 您正在将文本绘制为同一矩阵上的单独实体。实现此目的的一种方法是在用于篮球等的纹理位图上绘制文本。它将呈球形。

标签: android 3d libgdx


【解决方案1】:

您在此处尝试实现的目标在 libGdx 中略微复杂。但是,您的方法是不正确的,因为您将文本作为单独的精灵对象绘制在球的顶部。

实现这一点的正确过程是将文本绘制到纹理上,然后将纹理映射并绑定到球。

程序可以分为4个部分——

  1. 设置字体生成和帧缓冲区对象
  2. 设置精灵批处理
  3. 绘制文本,将纹理映射到模型
  4. 渲染模型

作为说明,我想提一下,可以使用任何其他纹理,如果您不想实时更新文本,您可以轻松地将预制纹理与您想要的任何文本一起使用喜欢。

代码如下-

设置字体生成和帧缓冲对象

//Create a new SpriteBatch object
batch = new SpriteBatch();

//Generate font
FreeTypeFontGenerator generator = new 
FreeTypeFontGenerator(Gdx.files.internal("font/Lato-Bold.ttf"));
FreeTypeFontGenerator.FreeTypeFontParameter parameter = new 
FreeTypeFontGenerator.FreeTypeFontParameter();
parameter.size = 30;
parameter.color = com.badlogic.gdx.graphics.Color.WHITE;
parameter.magFilter = Texture.TextureFilter.Linear; // used for resizing quality
parameter.minFilter = Texture.TextureFilter.Linear;
generator.scaleForPixelHeight(10);

//Get bitmap font
BitmapFont aFont = generator.generateFont(parameter);
aFont.getRegion().getTexture().setFilter(Texture.TextureFilter.Linear, 
Texture.TextureFilter.Linear);

//Generate new framebuffer object of 128x128 px. This will be our texture
FrameBuffer lFb = new FrameBuffer(Pixmap.Format.RGBA4444,128,128,false);

设置精灵批次

//Set the correct resolution for drawing to the framebuffer
lFb.begin();
Gdx.gl.glViewport(0,0,128,128);
Gdx.gl.glClearColor(1f, 1f, 1f, 1);

Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
Matrix4 lm = new Matrix4();
//Set the correct projection for the sprite batch
lm.setToOrtho2D(0,0,128,128);
batch.setProjectionMatrix(lm);

最后将文字绘制到纹理上

batch.begin();
aFont.draw(batch,"Goal!",64,64);
batch.end();
lFb.end();

将纹理映射到模型

//Generate the material to be applied to the ball
//Notice here how we use the FBO's texture as the material base
Material lMaterial = new Material(TextureAttribute.createDiffuse(lFb.getColorBufferTexture()));

//Since I do not have a sphere model, I'll just create one with the newly 
//generated material        
ballModel = mb.createSphere(1.0f,1.0f,1.0f,8,8,lMaterial,
 VertexAttributes.Usage.Position | VertexAttributes.Usage.Normal | VertexAttributes.Usage.TextureCoordinates);

//Finally instantiate an object of the model 
ballInstance = new ModelInstance(ballModel);

渲染模型

mBatch.begin(mCamera);
mBatch.render(ballInstance);
mBatch.end();
//Rotate the ball along the y-axis
ballInstance.transform.rotate(0.0f,1.0f,0.0f,0.5f);

结果 -

【讨论】:

    猜你喜欢
    • 2017-11-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多