Resolve "Login screen setup (without backend)"

Closes #19 (closed)

frontend/core/src/com/game/tankwars/view/LoginScreen.java

@@ -24,13 +24,11 @@ public class LoginScreen extends InputAdapter implements Screen {
     private final Viewport viewport;
     private final LoginController controller;
 
-    private final Texture background;
+    private final Sprite background;
     private final Sprite logo;
-    private final Texture headerBox;
+    private final Sprite headerBox;
 
     private final GlyphLayout title;
-
-    private float heightPercentile;
     private final Vector3 touchPos;
 
     public LoginScreen(final TankWarsGame tankWarsGame) {
@@ -41,19 +39,19 @@ public class LoginScreen extends InputAdapter implements Screen {
         manager.loadFonts();
         manager.finishLoading();
 
-        font = manager.getFont("menu-regular");
-
-        // Camera size set to main menu dimensions: portrait mode
-        viewport = new FitViewport(220f, 220f * Gdx.graphics.getHeight() / Gdx.graphics.getWidth());
-        heightPercentile = viewport.getWorldHeight() / 100;
+        viewport = new FitViewport(512f, 512f * Gdx.graphics.getHeight() / Gdx.graphics.getWidth());
         controller = new LoginController(tankWarsGame);
 
-        background = manager.getMenuTexture("menu-background");
-        logo = new Sprite(manager.getMenuTexture("logo"));
-        logo.setScale(1.3f);
-        logo.setPosition(-logo.getWidth() / 2, 32 * heightPercentile);
+        font = manager.getFont("menu-big");
 
-        headerBox = manager.getMenuTexture("menu-header-box");
+        background = new Sprite(manager.getMenuTexture("menu-background"));
+        background.setScale(viewport.getWorldWidth() / background.getWidth());
+        background.setPosition(-background.getWidth() / 2f, -background.getHeight() / 2f);
+        logo = new Sprite(manager.getMenuTexture("logo"));
+        logo.setPosition(-logo.getWidth() - 10,2 * viewport.getWorldHeight() / 7f - logo.getHeight() / 2f);
+        headerBox = new Sprite(manager.getMenuTexture("menu-header-box"));
+        headerBox.setSize(viewport.getWorldWidth(), logo.getHeight() + 6);
+        headerBox.setPosition(-viewport.getWorldWidth() / 2f, 2 * viewport.getWorldHeight() / 7f - headerBox.getHeight() / 2f);
 
         title = new GlyphLayout(font, "Log in");
 
@@ -71,14 +69,12 @@ public class LoginScreen extends InputAdapter implements Screen {
         batch.setProjectionMatrix(viewport.getCamera().combined);
 
         batch.begin();
-        batch.draw(background, -background.getWidth() / 2f, -background.getHeight() / 2f);
+        background.draw(batch);
 
+        headerBox.draw(batch);
         logo.draw(batch);
-
-        // TODO: Make its own class
-        batch.draw(headerBox, -viewport.getWorldWidth() / 2,12 * heightPercentile,
-                viewport.getWorldWidth(), headerBox.getHeight());
-        font.draw(batch, title, -title.width / 2, 20 * heightPercentile);
+        font.draw(batch, title,  10 + logo.getWidth() / 2f - title.width / 2f,
+                headerBox.getY() + headerBox.getHeight() / 2f + title.height / 2f);
 
         batch.end();
     }
@@ -86,7 +82,6 @@ public class LoginScreen extends InputAdapter implements Screen {
     @Override
     public void resize(int width, int height) {
         viewport.update(width, height);
-        heightPercentile = viewport.getWorldHeight() / 100;
     }
 
     @Override