[Senad]

Hi Guys,

I’ve been stuck on this for some time now

Snippet below is just the base template from Felgo:

GameWindow {
    activeScene: scene

    width: 640
    height: 960
    Scene {
        id: scene
        // the "logical size" - the scene content is auto-scaled to match the GameWindow size
        width: 320
        height: 480
        Rectangle {
            id: rectangle
            anchors.fill: parent
            color: "grey"
        }
    }
}

 

When I run this on my Android Device I always get the margin on top and bottom: http://imgur.com/nzLaHmy

Now, when I load a demo game that has the same width/height (ChickenOutbreak for example), it seems to fill the whole screen..

 

I must be missing something simple here?

My device resolution is 1920×1080, if that matters any.. 

 

Thanks

 

 

[AlexFelgo Team]

Hi,

please have a look at the following tutorial: http://felgo.com/doc/vplay-different-screen-sizes/

You will learn how to deal with black borders, e.g. by filling it with background or anchoring menu elements to it, while keeping the same logical size for your game on every device.

Short spoiler: You can fill the scene.gameWindowAnchorItem with your (Background)-Rectangle instead.

Cheers,
Alex