Ho problemi a mostrare il testo sul mio gioco della stessa dimensione su schermi diversi e ho fatto un semplice test.
Questo test consiste nel mostrare un adattamento del testo sullo schermo, voglio che il testo abbia le stesse dimensioni indipendentemente dallo schermo e dal DPI.
Ho trovato questo e questa risposta che penso dovrebbero risolvere il mio problema, ma non farlo. Sul desktop la dimensione è ok, ma nel mio telefono è troppo grande.
Questo è il risultato sul mio Nexus 4: (768x1280, densità 2.0)
E questo è il risultato sul mio MacBook: (480x800, densità 0,6875)
Sto usando Open Sans Condensed (link a google fonts)
Come puoi vedere sul desktop sembra buono, ma al telefono è così grande.
Ecco il codice del mio test:
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();
}
}
Sto cercando di trovare un modo pulito per risolvere questo problema. Cosa sto facendo di sbagliato? è la fotocamera? il viewport?
AGGIORNARE:
Quello che voglio è mantenere gli stessi margini in proporzione, indipendentemente dalle dimensioni o dalla risoluzione dello schermo. Questa immagine illustra cosa intendo.