Graphics problem on Android Device

Hi,

This issue is driving me nuts.

My graphics will look fine on both PC and my Android testing device. However, circular objects will look slightly distorted around the edges, as if their 'perfect circular shape' is slightly crammed together. But only on the Android device. On PC they are just fine.

I've added an image of poor quality, where I've taken the quick route by taking a photo of my Android device's screen. In the image you'll see a heart - the big one has the distorted edges around the top, bottom, left, and right sides, while the little one is how it shows up on PC.

Grateful for any help with this issue. How do I make sure my circular assets remain flawless on the device?

Attachment 12276

What your seeing is the effects Anti-Alias on a graph but you only see it when it's blown up for the most part. Make a larger image rather than making a smaller image larger make the larger image smaller if you have to resize. Another option would be to make the image without Anti-Alias but I don't think you will like the result of that when resized larger either. It's even kind of choppy at it's original size, that is what Anti-Alias is for though. ;)

Thanks for the reply!

First I'd like to mention that the original asset looks much better - I did some really poor / lazy image editing here just to get the post up as quick as possible. :)

Also, to my knowledge I am not scaling the asset neither up or down. I am, however, making the assets in the resolution I intend for them in the application. Would you recommend that I make a habit of making assets at a higher resolution and then scale them down in Fusion?

Not if you don't have to. The larger the image the larger the app. If you are going to resize then I would make the image the larger size I needed then bring it down is what I was saying.

Okay, I will keep doing what I'm doing then. :)

Regarding the issue I needed to solve, what do you think it could be caused by now that scaling is out of the picture?

What resolution is your game? And what setting are you using for scaling on the Android Device under the exporter settings? "Fit Outside"?

Thanks for your reply!

My application window is 640 x 960 while the frames are 768 x 1136. I have the display set to 'Fit inside and adjust window size'. This is all based on the guide found in this thread, as I want my game to fit well on many different devices.

http://community.clickteam.com/threads/74189-Scaling-for-iPhone-5-and-iPad-HOW-TO-DO-IT-RIGHT

It should be noted that I had this graphical issue before I chose the current settings, based on that guide. Back then, I had both the application window and the frames set to 800 x 1280, with the display set to 'Stretch to fill'.

Update:

The affected objects seem to have something in common - a transparent 'stroke' effect around them, applied in Photoshop.

Okay I was wondering if it was distortion based on resizing the images for the phone screen. Anti-aliasing and transparent effects like a stroke or glow are definitely more likely to distort when scaling an image - anti-aliasing I believe is something used to attempt to smooth out images, but doesn't always scale well - from what I understand.

You have tried turning off smooth resizing right?

Just a question, Could be that this image was done/created using adobe photoshop?

what happens if you flatten the stroke effect in photoshop (you can still keep the transparent background) and then export?

Quote:

---

Originally Posted by Simflare

Okay I was wondering if it was distortion based on resizing the images for the phone screen. Anti-aliasing and transparent effects like a stroke or glow are definitely more likely to distort when scaling an image - anti-aliasing I believe is something used to attempt to smooth out images, but doesn't always scale well - from what I understand.

---

Okay. Well I can't recall any instance where I'm using scaling on those objects.

Quote:

---

Originally Posted by Redsquirrel

You have tried turning off smooth resizing right?

---

I have tried that yes, but it turned all of my assets really distorted and blurry, I couldn't keep it.



Can't click 'quote' on FVivolo's or DaveC's posts for some reason.

Fvivolo: I don't know if Photoshop is the villain, all of my assets are made using Photoshop and it always works out fine. What software do you use?

DaveC: Before I save my assets I tend to rasterize them so that precise cropping is easier.

Update:

I've attempted removing the stroke effect from the assets in Photoshop, and the problem has almost disappeared. I think there is a strong correlation between affected assets and assets using the stroke effect. There still seems to be a very slight distortion going on, as circular objects appear to be a little too flat on the top and bottom. That isn't very notceable, however.

Update 2:

Applying a shadow around the object in Photoshop will achieve the same distortion as the stroke effect would. It might be that the distortion is there all along, and that the transparent dark regions around the object simply emphasises it more on screen. Or it could be what causes it, not sure.

Cyrberbard, what resolution is your app? If it doesn't fit perfectly in to the Android screen size, it will scale it automatically, which can cause some of the distortion, depending on the type of graphics you use. This is why a game can look fine on PC, because it is at full resolution, but on the phone it stretches to fit the phone screen, and some bits are distorted.

I don't have any issues with creating image in photoshop and using them in Android Exports. What do you know that I don't FVivolo?

check your phones display settings.. on my Galaxy S4 I have an option named "Increase Legibility" if this option is ticked I get a similar issue with my games (not just Fusion ones)

you could post an .apk here and we can test on other devices to see if we get the problem.

I haven't had any trouble with alpha channels or importing graphics from photoshop.

Some effect done in Photoshop generate strange artifact in android, according other users, Google it.

I use an oldie application photo impact from ulead and now Corel, I use Photoshop but I finish and save in photo impact.

Thanks again for all responses! In the end I changed my assets to a less rounded look, so the problem isn't noticeable any more.