Estou tendo problemas para mostrar texto no meu jogo no mesmo tamanho em telas diferentes e fiz um teste simples.
Este teste consiste em mostrar um ajuste de texto na tela. Quero que o texto tenha o mesmo tamanho independentemente da tela e do DPI.
Eu encontrei esta e esta resposta que acho que deveria resolver meu problema, mas não resolve. Na área de trabalho, o tamanho é bom, mas no meu telefone é muito grande.
Este é o resultado no meu Nexus 4: (768x1280, densidade 2.0)
E este é o resultado no meu MacBook: (480x800, densidade de 0,6875)
Estou usando o Open Sans Condensed (link para google fonts)
Como você pode ver na área de trabalho, parece bom, mas o telefone é muito grande.
Aqui está o código do meu teste:
public class TextTest extends ApplicationAdapter
{
private static final String TAG = TextTest.class.getName();
private static final String TEXT = "Tap the screen to start";
private OrthographicCamera camera;
private Viewport viewport;
private SpriteBatch batch;
private BitmapFont font;
@Override
public void create ()
{
Gdx.app.log(TAG, "Screen size: "+Gdx.graphics.getWidth()+"x"+Gdx.graphics.getHeight());
Gdx.app.log(TAG, "Density: "+Gdx.graphics.getDensity());
camera = new OrthographicCamera();
viewport = new ExtendViewport(Gdx.graphics.getWidth(), Gdx.graphics.getWidth(), camera);
batch = new SpriteBatch();
FreeTypeFontGenerator generator = new FreeTypeFontGenerator(Gdx.files.internal("fonts/OpenSans-CondLight.ttf"));
font = createFont(generator, 64);
generator.dispose();
}
private BitmapFont createFont(FreeTypeFontGenerator generator, float dp)
{
FreeTypeFontGenerator.FreeTypeFontParameter parameter = new FreeTypeFontGenerator.FreeTypeFontParameter();
int fontSize = (int)(dp * Gdx.graphics.getDensity());
parameter.size = fontSize;
Gdx.app.log(TAG, "Font size: "+fontSize+"px");
return generator.generateFont(parameter);
}
@Override
public void render ()
{
Gdx.gl.glClearColor(1, 1, 1, 1);
Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
int w = -(int)(font.getBounds(TEXT).width / 2);
batch.setProjectionMatrix(camera.combined);
batch.begin();
font.setColor(Color.BLACK);
font.draw(batch, TEXT, w, 0);
batch.end();
}
@Override
public void resize(int width, int height)
{
viewport.update(width, height);
}
@Override
public void dispose()
{
font.dispose();
batch.dispose();
}
}
Estou tentando encontrar uma maneira legal de corrigir isso. O que estou fazendo de errado? é a câmera? a janela de exibição?
ATUALIZAR:
O que eu quero é manter as mesmas margens em proporção, independentemente do tamanho ou resolução da tela. Esta imagem ilustra o que quero dizer.