Banding on gradients

paulitsmepaulitsme Member Posts: 109
edited November -1 in Art, Graphics, Music and Sound
Hi
I am getting a lot of banding on my images when a gradient is used. I thought it was the iphones screen at first but I tried viewing the image on the phones photo viewer and it looks fine.

Does gamesalad limit the number of colours on an image ?

I am using png24 images but I have tried jpg and it's exactly the same.

Comments

  • paulitsmepaulitsme Member Posts: 109
    It looks like gamesalad is limiting it to 64 colours. Is this right ?
  • design219design219 Member Posts: 2,273
    No, shouldn't be. Are you 150% sure about the 24 bit? Any scaling of your images?
  • paulitsmepaulitsme Member Posts: 109
    yes they are 24bit png's but it looks the same in 8bit

    The images look fine if I save them to the iphones photo viewer. They only look banded in the game...
  • JGary321JGary321 Member Posts: 1,246
    Are you saving as even numbers. Like 128 x 128. Or any the uneven like 127 x 128. Make sure they are even.

    Other than that no clue man
  • JGary321JGary321 Member Posts: 1,246
    Grrrrrr Tsb
  • firemaplegamesfiremaplegames Member Posts: 3,211
    I'm pretty sure, but not certain, that GameSalad uses the cocos2D framework to power some of their stuff.

    There is a known banding issue with gradients in cocos2D.

    However, there are fixes for it:
    http://www.bit-101.com/blog/?p=2149

    Obviously a dev would have to implement it.
  • paulitsmepaulitsme Member Posts: 109
    yeah they are 320x480 background images

    I tried it with a small image too but the same happens. It looks just like it would if I limited the colours to 64 in photoshop.
  • paulitsmepaulitsme Member Posts: 109
    Thanks for all the replies guys.

    I will have a read through that link :)
  • paulitsmepaulitsme Member Posts: 109
    Ah so one of the gamesalad team would have to put it in an update :(

    If anyone else knows a way round this please let me know. Otherwise I need to redo all my game images :(
  • paulitsmepaulitsme Member Posts: 109
    I took a screenshot and put it side by side with the original. This is happening with 12 different backgrounds :(

    http://img51.imageshack.us/img51/6608/backgroundpo.png
  • nulonulo Member Posts: 315
    im getting the same problem as you since i have the exact same kind of image on my game.
    all my backgrounds have gradients, so its pretty much everywhere.
  • paulitsmepaulitsme Member Posts: 109
    I think I might have found a solution, I am going to test it out now and I will let you know if it works.
  • paulitsmepaulitsme Member Posts: 109
    OK I found a way around it :)

    In photoshop add another layer ontop of the gradient layer and add a grain texture effect to that. Then set the grain layer to about 5% transparancy so its hardly visible. It makes image sizes bigger but it fixes it.

    I think it must be something to do with texture compression on the iphone.
  • nulonulo Member Posts: 315
    images how much bigger?
  • paulitsmepaulitsme Member Posts: 109
    The png24 test image went from about 100k to 190k but I can drop it down to PNG8 256colour. That takes it to 80k which isn't bad for a 320x480 background.
Sign In or Register to comment.

© Vanilla Keystone Theme 2024