Graphics Look Pixelated When Added On Screen
FallingBoxStudios
Freelance Graphic DesignerMember Posts: 822
For some reason when I use GS all the graphics look pixelated,
Such as a circle being bumpy and not smooth.
I have doubled the size for each and every graphic before putting them into GS and made sure they were crystal clear and that they weren't in odd sizes (35 instead of 35.3)
Is anyone else having this problem? 
Comments
Try making your image divisible by 4 like maybe 80x80 so when its in Gamesalad its a 40x40. If that doesn't look good either then try to feather your edges a little bit.
Fortuna Infortuna Forti Una
@raycur09 I already did that, it's 100x100
Sometimes on the viewer it looks choppy but on the device it looks sharp.
Fortuna Infortuna Forti Una
are saving them as png8 or png24? From the pic you posted, it looks like png8 with an alpha channel, try png24 with transparency instead.
@raycur09 Maybe that's why, I've never tested my games on an iPhone so I never really thought of that
@marcgreiff I'm not sure the difference between png8 and png24, this is the first time I have heard of it.
I just save them as PNGS straight from Photoshop with a transparent background
Creator runs in original iPhone (1/2 retina) resolution, so that may be the culprit.
As @raycur09 suggests, try it on a device to make sure.
I had this problem early on. If you use "Save for web and devices" you start to get stuff like this.
What I did in Photoshop was to go to "Save as..." and select .png from there instead, when done that way, Photoshop saves it in the highest quality .png24 possible.
It can be done in Save for web too, but you have to play around with the settings as the option for PNG-8 and PNG-24 are there.
Test on on GS's html5 on google chrome, it supports resolution independent graphics.
@Franton Thats how I already save my Pngs.
How do I do that and is it free?
Are you judging this by the Creator, or when it's being tested on your phone? If it's doing this on your phone, take into consideration that half of 100 is 50, and half of that is 25. An odd number. Try making the image 112 x 112 and see if it's still pixelated.
If this is happening in the Creator while you're building the game, you need to test it on the device, because the Creator is not displaying how it's going to look on a device.
@SlickZero I just tried that now, did not do anything
@FallingBoxStudios I experience a slightly fuzzy picture in the creator, and sharp on my device.
www.rossmanbrosgames.com
@RossmanBrothersGames So it's just the creator
Thanks everyone for all your help!
I solved the problem resizing the image to the minimum size necessary to me for example if the actor is 100 x 200 i make the image 100 x 200 in the iphone looks good but i never tested the app in the app in an ipad so i don't know the quality of the inage on it
Sorry but i don't understand the problem isbonly of the creator?
@Andrea_Comisi So make the graphic the same size as the actor? but that would effect doubling the size for retina...
We were saying that GS was making the graphics appear to be pixelated but on a device it looks fine.
As well as in @jonmulcahy's latest post about his new game the buttons in the second image look like how my graphics look (slightly pixelated)
So there's nothing wrong with my graphics, just GS making them appear to be pixelated.
You need double size of the actor. Otherwise the graphics will look dated and blurry on a retina device.
@fallingboxstudios and @phghost thanks for the explanation, i will resize all the image used in the my games for a total of 500 images!
?
i said, i will convert all the image ( i made for the my games) in HD, which are more than 500! sorry for the english but i'm not english. fortunately the initial images, were made in hd, and then converted to the smaller size