My pixel art game looks bad on mobile, why?

Get help using Construct 2

Post » Thu Feb 27, 2014 7:44 pm

Why my game looks so bad?, it seems as if it was scaled in a very wrong way, when I run it on my 800x480 mobile phone. It scales down my pixel art and ruins it.

The resolution it was designed in is 480x320. With fullscreen in browser set to scale outer, sampling to point, pixel rounding on, it's supossed that those are the best setting for pixel art, but for some reason the scaling ruins it in mobile devices, why is that?.

I took some screenshots so you can see what I mean:

With adress bar:

Image

Without adress bar:

Image

Should look pixel perfect like this:

Image
B
5
S
1
G
2
Posts: 46
Reputation: 967

Post » Thu Feb 27, 2014 8:02 pm

Did you turn off the pixel rounding?
B
7
S
2
Posts: 102
Reputation: 975

Post » Thu Feb 27, 2014 8:07 pm

Thanks, Pixel rounding is set to on, but if I set it to off, pixels will be drawn between pixels, so it will show some kind of antialiasing, wich will make things look a bit blurry, am I wrong?.
B
5
S
1
G
2
Posts: 46
Reputation: 967

Post » Thu Feb 27, 2014 8:08 pm

Nope you are right, just turn it off and you should be fine,
B
7
S
2
Posts: 102
Reputation: 975

Post » Thu Feb 27, 2014 8:19 pm

I don't think you can get a really clean look in many circumstances using pixel art without integer scaling. Arbitrary scaling will eventually mess a lot with the shape of lower resolution art.

Try using letterbox integer scale, it will likely look much better - with black bars. You could attempt to design your game with manual integer scaling and take into account that more of the layout might be visible. Probably the best course of action.
B
22
S
6
G
10
Posts: 1,036
Reputation: 7,518

Post » Thu Feb 27, 2014 9:02 pm

I turned off pixel rounding and it does not fix the problem. Thank for the suggestion anyway.

Thanks for the help pixelrebirth, I understand the effect with integer scale, but it the black bars cover a lot of space, at least if I use the default option on the project settings, but what do you mean by manual integer scaling? how do I do that?.

Is there no other way for good pixel art on mobiles made with construct?.
B
5
S
1
G
2
Posts: 46
Reputation: 967

Post » Thu Feb 27, 2014 9:13 pm

Just tested it with integer scale and the effect is much worse on my mobile phone...
B
5
S
1
G
2
Posts: 46
Reputation: 967

Post » Thu Feb 27, 2014 10:08 pm

FunEffect wrote:Just tested it with integer scale and the effect is much worse on my mobile phone...


How do you mean much worse? At least the pixel art itself should look proper. Care to elaborate?

By manual scaling I was referring to disabling fullscreen and using the ability to change the canvas size and layout scale with events.
B
22
S
6
G
10
Posts: 1,036
Reputation: 7,518

Post » Thu Feb 27, 2014 10:21 pm

Sure, by much worse I mean that with integer scale the game screen looks much smaller that with scale outer, so the pixel art looses even more pixels in my mobile phone.

I see, I'm going to investigate about that, thanks for the ideas.
B
5
S
1
G
2
Posts: 46
Reputation: 967

Post » Thu Feb 27, 2014 10:25 pm

only way to have it pixel perfect (original resolution) is not use scaling

have you tried how it looks with fullscreen cropmode? you could add grass for empty space, or a scrollmode for lower resolution screens
adding on that, you could test then how a layoutscale of 2* looks

other than that integer scale should be the best option
ImageImage
B
70
S
21
G
7
Posts: 827
Reputation: 10,052

Next

Return to How do I....?

Who is online

Users browsing this forum: brunopalermo, jorgmaquoi and 10 guests