stretch, over scan, & letter box problem.

I recently realized that my app looks warped on other devices. I have this app & the name of the app is Flop Drop it's currently on the apple iOS market only.. the game is based of balls basically & the balls are supposed to look round. I download the of onto my friends iPhone 5s & the balls look more oval than round. & I don't really understand why it'll do that. I used the stretch feature for my app. & the project size is ipad & that actors are double the size as they need to be . So I don't understand why the balls will look oval rather than round. It's not like iPhone 5s screen is bigger than than the iPad screen.. so I don't understand why gamesalad would warp it & distort it.

BUT the balls look perfectly round on my ipod
4 gen

Comments

  • AJaymzAJaymz Member, PRO Posts: 164

    @http_gamesalad It's because the screen ratios are different. Ipad is 4:3, and iphone 5,6 is 16:9

  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408

    yea as @AJaymz said, you are stretching an image that is 4:3 to 16:9, happens with moveis and tv shows as well:

    Letterbox is the best way, but apple does not allow letterbox apps on the iPhone, only iPad.

    Overscan is what I use, but you have to plan from the beginning to support it.

  • http_gamesaladhttp_gamesalad Member Posts: 1,340

    @AJaymz @jonmulcahy how would I change my it so it fits Overscan? I tried overscan but some of the screen was cut out.

  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408
    edited March 2015

    @http_gamesalad said:
    AJaymz jonmulcahy how would I change my it so it fits Overscan? I tried overscan but some of the screen was cut out.

    you'll need to have some code that either:

    1. repositions the objects on the screen based on the detected resolution, there are some tutorials on this in the forums.

    2. make your own custom black bars. I have this semi-tutorial here about it
      http://forums.gamesalad.com/discussion/60342/manually-creating-custom-letterboxes-get-rid-of-those-black-bars

  • http_gamesaladhttp_gamesalad Member Posts: 1,340

    @jonmulcahy so if I do exactly what you did in the thread it should solve this problem?

  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408

    @http_gamesalad said:
    jonmulcahy so if I do exactly what you did in the thread it should solve this problem?

    it will stop the streching, yes. it's not easy though, it's going to take some trial and error to get it right.

  • http_gamesaladhttp_gamesalad Member Posts: 1,340

    @jonmulcahy how do I find scene.camera.origin.y
    scene.camera.origin.x
    scene.camera.size.width
    scene.camera.size.heigh

    I'VE BEEN LOOKING EVERYWHERE IN ATTRIBUTES DROP DOWN MENU. All I see is Device.
    No scene.

  • BBEnkBBEnk Member Posts: 1,764

    @http_gamesalad said:
    jonmulcahy how do I find scene.camera.origin.y
    scene.camera.origin.x
    scene.camera.size.width
    scene.camera.size.heigh

    I'VE BEEN LOOKING EVERYWHERE IN ATTRIBUTES DROP DOWN MENU. All I see is Device.
    No scene.

    You have to use a unlocked actor on the scene.

  • Braydon_SFXBraydon_SFX Member, Sous Chef, Bowlboy Sidekick Posts: 9,273

    @jonmulcahy said:
    yea as AJaymz said, you are stretching an image that is 4:3 to 16:9, happens with moveis and tv shows as well:

    Letterbox is the best way, but apple does not allow letterbox apps on the iPhone, only iPad.

    Overscan is what I use, but you have to plan from the beginning to support it.

    WHY would you use that image? ;)

  • LovejoyLovejoy Member Posts: 2,078

    @Braydon_SFX said:
    WHY would you use that image? ;)

    Probably just screen capped his screensaver for a quick example.

  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408

    @Braydon_SFX said:
    WHY would you use that image? ;)

    It was a image I found on Google. Couldn't resist

  • Braydon_SFXBraydon_SFX Member, Sous Chef, Bowlboy Sidekick Posts: 9,273
  • http_gamesaladhttp_gamesalad Member Posts: 1,340

    @jonmulcahy Do you know if I would have to do it for all the iOS devices? Like All the ipod touch & iPhone gens?

  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408

    @http_gamesalad said:
    jonmulcahy Do you know if I would have to do it for all the iOS devices? Like All the ipod touch & iPhone gens?

    You might be able to get around it with just a single rule, but more than likely you'll need a few different rules to adjust the camera. you check what the device.screen.width and height are and from that you can tell the type of device and adjust the camera accordingly.

  • http_gamesaladhttp_gamesalad Member Posts: 1,340

    @jonmulcahy which ones do you usually do?

  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408

    @http_gamesalad said:
    jonmulcahy which ones do you usually do?

    for my universal apps I target every iOS device resolution

  • http_gamesaladhttp_gamesalad Member Posts: 1,340

    @jonmulcahy

    Okay so you do resolution for all the ipod touch , iPhone , & ipad gen? Would you mind telling me all the resolutions you use? :)

  • NimbleBugNimbleBug Member Posts: 483

    @jonmulcahy any example file plz...

  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408

    @NimbleBug said:
    jonmulcahy any example file plz...

    I don't have one. I'll try to put one together, but I'm wrapped up in porting some apps to the fire tv. It'll take awhile.

  • NimbleBugNimbleBug Member Posts: 483

    @jonmulcahy Thank u :)

  • http_gamesaladhttp_gamesalad Member Posts: 1,340
    edited March 2015

    @jonmulcahy Question what does iPhone Legacy Portrait cover? Is it only iPhone 4s and iPhone 4 .. or does that also cover iPod Touch 1,2,3,4, and 5 gens and iPhone 1,2, and 3 gens?

  • colandercolander Member Posts: 1,610

    Have a read of the instructions in my signature for an in-depth explanation of the overscan method.

Sign In or Register to comment.