How can I make a flapper game that scales to multiple aspect ratios?

| | August 4, 2015

So I’ve never made a game before besides a basic 4:3 aspect ratio flapper, so bare with me. Recently I had this wild idea that I wanted to make this complected (for a 2d) game in cca. Unfortunately I’m stumped. At first I decided it’s smart to program my game in a 16:9 aspect ratio, but then I thought about it… The iPad and Nexus 9 work in a 4:3 aspect ratio. How would one make a game (like a flapper) scale to both aspect ratios?

Edit: If it helps at all, I will be using JS… Primarily the Pixi.js library.

One Response to “How can I make a flapper game that scales to multiple aspect ratios?”

  1. Stephane Hockenhull on November 30, -0001 @ 12:00 AM

    In the case of flapper, if centered, the 16:9 aspect ratio would give a 16.666% bonus vision ahead.

    If this isn’t an issue just crop it down for 4:3, penalizing those players a tiny bit.

    You can also scale the obstacle sizes & movement speed to match the aspect ratios while keeping pixels square (complicated).

    Otherwise “borders” for 4:3 are an option and they don’t need to be black. They could be aesthetically pleasing game background. Just limit the bird range to 16:9 ratio. Put clouds that block you on top and the ground at the bottom a little higher.

Leave a Reply