# How to adapt a game app to all smartphone sizes?

**URL:** <https://community.thunkable.com/t/how-to-adapt-a-game-app-to-all-smartphone-sizes/746853>\
**Category:** Questions about Thunkable X\
**Created:** [August 17, 2020, 3:38am UTC](https://community.thunkable.com/t/how-to-adapt-a-game-app-to-all-smartphone-sizes/746853 "2020-08-17T03:38:53Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dev\_pro](https://avatars.discourse-cdn.com/v4/letter/d/53a042/32.png) [@dev\_pro](https://community.thunkable.com/u/dev_pro)\
**Post date:** [August 17, 2020, 3:38am UTC](https://community.thunkable.com/t/how-to-adapt-a-game-app-to-all-smartphone-sizes/746853/1 "2020-08-17T03:38:53Z")

</div>

ratio 9:18, 9:19.5, etc.

---

<div class="post-metadata">

**Author:** ![Dean\_Artis](https://avatars.discourse-cdn.com/v4/letter/d/a8b319/32.png) [@Dean\_Artis](https://community.thunkable.com/u/Dean_Artis)\
**Post date:** [August 17, 2020, 7:05pm UTC](https://community.thunkable.com/t/how-to-adapt-a-game-app-to-all-smartphone-sizes/746853/2 "2020-08-17T19:05:28Z")

</div>

Set canvas.width to screen.height.

That way you have a square canvas.

Then, create a variable “ScreenSizer” which equals 0.5 x (canvas.width - screen.width)

Set your sprites’ X-position to: ScreenSizer + z% of screen width where z = where you want it on the screen.

Now it’ll be easier to position things.

---

<div class="post-metadata">

**Author:** ![dev\_pro](https://avatars.discourse-cdn.com/v4/letter/d/53a042/32.png) [@dev\_pro](https://community.thunkable.com/u/dev_pro)\
**Post date:** [August 18, 2020, 7:03am UTC](https://community.thunkable.com/t/how-to-adapt-a-game-app-to-all-smartphone-sizes/746853/3 "2020-08-18T07:03:34Z")

</div>

not every game must have a canvas, and even if there is a canves, there are also elements outside.

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [August 18, 2020, 8:21am UTC](https://community.thunkable.com/t/how-to-adapt-a-game-app-to-all-smartphone-sizes/746853/4 "2020-08-18T08:21:29Z")

</div>

Hey @dev_pro,

Your best protocol is to make use of percentages and responsive container sizes such as ‘fit’ & ‘fill’.

Do you have some screenshots of the app in its current state?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:26pm UTC](https://community.thunkable.com/t/how-to-adapt-a-game-app-to-all-smartphone-sizes/746853/5 "2024-11-08T12:26:40Z")

</div>