适合视口黑条

Question

我目前正在开发一款游戏，您必须避免使用Asteroids。 为了使游戏在每台设备上看起来都一样，我使用了FitViewport。 不幸的是，我不知何故在顶部和底部获得了白条，而不是黑条。 我的游戏背景也是白色的，所以看起来有点奇怪。

游戏画面：

     @Override
     public void create() 
     {
        float aspectRatio = (float)Gdx.graphics.getWidth() / (float)Gdx.graphics.getHeight();
        cam = new OrthographicCamera();
        viewport = new FitViewport(MyGdxGame.WIDTH * aspectRatio, MyGdxGame.HEIGHT, cam);
        [...]
     }


     @Override
     public void render(SpriteBatch batch) 
     {
        cam.update();
        batch.setProjectionMatrix(cam.combined);
        batch.begin();
        em.render(batch); //render Ship and Asteroids
        [...]
     }


     @Override
     public void resize(int width, int height) 
     {
        viewport.update(width, height);
        cam.position.set(MyGdxGame.WIDTH / 2, MyGdxGame.HEIGHT /2, 0);
     }

我把船拖进了白色的酒吧。

Answer 1

LibGDX提供的视口是处理不同纵横比的更方便的方法。 您不必将MyGdxGame.WIDTH与AspectRatio相乘。 只需使用MyGdxGame.WIDTH和MyGdxGame.HEIGHT对其进行初始化。

另外，在调整大小功能中，您可以使用视口值（而不是使用常量）来更改凸轮位置：

cam.position.set(cam.viewportWidth / 2, cam.viewportHeight / 2, 0);

Answer 2

我在您的代码中发现了一些问题。 要获得最佳实践，同时使用不同的屏幕比例进行处理，只需尝试使用fill viewPort。 这只是使用fill视口编辑代码。 只需尝试一次。

         @Override
         public void create() 
         {
            float aspectRatio = (float)Gdx.graphics.getWidth() / (float)Gdx.graphics.getHeight();


            camera = new OrthographicCamera();
            camera.position.set(0, 0, 0);
            camera.update();
            //1280 is the screen width and 800 is screen height
            camera.setToOrtho(false, 1280, 800);
            viewPort = new FillViewport(1280, 800, camera);

         }


         @Override
         public void render(SpriteBatch batch) 
         {

            batch.setProjectionMatrix(camera.combined);
            batch.begin();
            em.render(batch); //render Ship and Asteroids
            [...]
         }


         @Override
         public void resize(int width, int height) 
         {
           viewPort.update(width, height);
         }

 just try with the above code . it will definitely work