Блог ☯

суббота, 8 апреля 2017 г.

Оптимальное разрешение экрана и соотношение сторон для игры на телефон

Если вы хотите сделать игру или приложение на телефон, у вас может возникнуть вопрос - какое оптимальное разрешение экрана, если мы делаем её на телефон. Другими словами - какое разрешение игры на телефон нужно делать?

Нам нужно 2 понятия:

  • Соотношение сторон (Aspect Ratio)
  • Разрешение (Resolution)

Соотношение сторон (Aspect Ratio) - это например 4:3, что означает такие разрешения как 1024x768 или например 2048x1536. Для понимания, разделите 1024 на 768, мы получим 1.33. Это означает, что по горизонтали у нас на 33% длиннее экран (ось X), чем по вертикали. Аналогично если разделить 4 на 3, мы тоже получаем 1.33 (33%). 

Данное соотношение сторон ранее использовалось повсеместно, это и 800 на 600 пикселей, в том числе. Многие мои игры я показываю именно в таком разрешении, однако, время идёт и подобные экраны девайсов, и даже мониторы, уже давно не единственные. 

Посмотрите на это: (Реф)

Оптимальное разрешение экрана и соотношение сторон для игры на телефон

Тут список основных девайсов и их соотношение сторон и разрешение. 

Мы видим что соотношение сторон 4 к 3 используется практически только в iPad. 

Куда более разумно делать разрешение игры под девайс например 1024 на 600 пикселей (16 : 9), так-как с ним работают больше компаний и девайсов.

Вот еще данные, из другого источника (реф):

Screen resolutionExample devices
240 x 320Nokia 230, Nokia 215, Samsung Xcover 550, LG G350
320 x 480Alcatel pixi 3, LG Wine Smart
480 x 800Samsung Galaxy J1 (2016), Samsung Z1, Samsung Z2, Lumia 435, Alcatel Pixi 4, LG Joy, ZTE Blade G
480 x 854Huawei Y635, Nokia Lumia 635, Sony Xperia E3
540 x 960Samsung Galaxy J2, Moto E 2nd Gen, Sony Xperia E4, HTC Desire 526
640 x 960iPhone 4, iPhone 4S
640 x 1136iPhone 5, iPhone 5S, iPhone 5C, iPhone SE
720 x 1280Samsung Galaxy J5, Samsung Galaxy J3, Moto G4 Play, Xiaomi Redmi 3, Moto G 3rd Gen, Sony Xperia M4 Aqua
750 x 1334iPhone 6, iPhone 6S, iPhone 7
1080 x 1920iPhone 6S Plus, iPhone 6 Plus, iPhone 7 Plus, Huawei P9, Sony Xperia Z5, Samsung Galaxy A5, Samsung Galaxy A7, Samsung Galaxy S5, Samsung Galaxy A9, HTC One M9, Sony Xperia M5
1440 x 2560Samsung Galaxy Note 5, Samsung Galaxy S6, Huawei Nexus 6P, LG G5
2160 x 3840Sony Xperia Z5 Premium

Разрешения растут (еще лет 5 назад такие разрешения на телефонах казались невозможными), однако, смотрите на соотношение сторон. Практически самое популярное разрешение для приложений - 1080 х 1920 пикселей.

Самое популярное соотношение сторон 16 на 9, или 1.77. То есть по одной оси координат экран больше на 77%, хотя кто-то по старинке продолжает делать приложения и игры с соотношением сторон 4 : 3.

Какое разрешение вы бы не делали, делайте соотношение сторон 16 : 9. 

Теперь давайте вернёмся к разрешению, какое оптимальное разрешение экрана для игры на телефон? Как мы видим, очень много моделей сейчас имеют разрешение 1080 х 1920 пикселей, можно делать вот такое, однако, чем больше разрешение, тем больше ресурсов будет требовать игра. Этот момент при нормальной оптимизации не должен быть проблемой, но иногда стоит задуматься. 

Так-же может быть проблема, если вы сделайте слишком больше разрешение (которое очень даже может быть и нафиг никому не нужно), игра может не запуститься на старых девайсах. Разозлите людей. А люди со старыми девайсами тоже могут ставить оценки вашему приложение или игре. 

Хотя выбирать только одно разрешение и делать всю игру только под него, зачем? Когда можно спокойно переключать разрешения, и сделать такую опцию в настройках, практически в любой игре. И пока соотношение сторон остаётся тем-же, вы можете дать человеку выбор из 2-3 различных разрешений. 

Если у человека слабый или старый девайс, он может поставить разрешение поменьше, и наоборот. Так-как я делаю игры в Game Maker Studio, там тоже можно переключать разрешения игры. 

Моя статья и видео про виды может вам помочь понять как всё это работает и как это сделано в гейм мейкер, можете почитать: 


Вы можете использовать функцию window_set_size( w, h ); или некоторые другие уже в процессе игры для смены размера окна. 

Еще один вопрос, какую ориентацию экрана игры делать? Портретную или горизонтальную? Или может быть сделать возможность их менять? 

Давать возможность их менять не советую, только потратите ресурсы разработки. Сделайте только одну ориентацию и зафиксируйте её, так делают почти все. 

Какую ориентацию экрана игры выбрать? Всё зависит от игры. 

Более сложные игры чаще делают на горизонтальной, это идёт еще и под планшеты (и куда лучше). Как-то так получается, что на горизонтальной ориентации можно разместить больше элементов. 

Более простые игры почти всегда делаются под вертикальную ориентацию (портретная), так-как так удобнее держать телефон и жать большим пальцем. 

Управлять чем-то сложным на мелком телефоне очень трудно, поэтому всё зависит от типа игры. И кстати, если уж вы делайте игру на телефон, не забывайте что делать там миллион мелких кнопок - плохая идея, хотя вы это и так уже знаете, да и это отдельная большая тема (юзабилити для смартфонов). 

Таким образом лично мой вывод - делайте игры и приложения где соотношение сторон равно 16 : 9, ну а разрешение подбирайте под это соотношение, например 1080 x 1920 или меньше.

Если вам эта статья была полезна, вы так-же можете почитать другие мои статьи на специальной странице, или посетить мой YouTube канал - Econ Dude

Так-же по этой теме я сделал видео, можете посмотреть: