Развитие игровой вспышки
Текущее время: Пн апр 24, 2017 1:36 am

Часовой пояс: UTC + 3 часа [ Летнее время ]




Начать новую тему Ответить на тему  [ Сообщений: 3 ] 
Автор Сообщение
 Заголовок сообщения: Высота адресной строки.
СообщениеДобавлено: Чт ноя 24, 2016 2:02 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Ср июл 18, 2012 12:29 am
Сообщений: 718
Приветствую дорогие коллеги.
Я столкнулся с задачей, которую к сожалению, в одиночку осилить не могу, за сим и прошу вашей помощи.
Очень бы хотелось повторить механизм, который реализован в игре(просьба зайти с мобильного телефона, чтобы понять о чем речь):
https://playson.com/games/run/art-of-the-heist
или тут
http://www.playngo.com/Games
Механика:
пользователь открывает игру и ему предстает картинка, что необходимо сделать свайп вверх.
после свайпа адресная строка или ужимается или полностью исчезает за экран.
картинка сменяется на игру.
если пользователь нечаянно или преднамеренно нажимает на край экрана и появляется адресная строка вновь
появляется картинка про свайп, соответственно игра скрывается.

Я не силен в связке html и css, я не знаю тонкостей её работы на мобильном устройстве.
В своих прошлых проектах я пользовался viewporter.js и этого было достаточно, так как проекты были в портретном режиме, а в ландшафтном и потребовалось дополнительное место.
Могу еще добавить что просмотрел:
Код:
var srt = "innerHeight : " + window.innerHeight + "<br>";
srt += "clientHeight : " + document.documentElement.clientHeight + "<br>";
srt += "screen.height : " + screen.width + "<br>";
srt += "screen.availHeight : " + screen.availHeight + "<br>";
srt += "window.outerHeight : " + window.outerHeight + "<br>";
srt += "window.pageYOffset : " + window.pageYOffset + "<br>";
srt += "this.scrollTop : " + this.scrollTop + "<br>";
srt += "this.scrollHeight : " + this.scrollHeight + "<br>";
srt += "this.clientHeight : " + this.clientHeight + "<br>";
srt += "document.body.clientHeight : " + document.body.clientHeight + "<br>";
srt += "window.devicePixelRatio : " + window.devicePixelRatio + "<br>";

И не нашел таких параметров на основе которых смогу четко определить высоту адресной строки и понять что пользователю отображается она или нет в данный момент.

Мб это влияет на параменты, которые выше, но у меня:
Код:
<meta name="viewport" content="height=device-height, initial-scale=0.5, maximum-scale=0.5, user-scalable=no, minimal-ui">

а не как обычно с
Код:
initial-scale=1.0, maximum-scale=1.0.
это позволило получить четкое изображение на андройде без размытия картинки на канвасе.

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


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Высота адресной строки.
СообщениеДобавлено: Чт ноя 24, 2016 2:31 pm 
Не в сети

Зарегистрирован: Вс фев 06, 2011 6:26 pm
Сообщений: 1930
Откуда: Russia, Omsk
Сайт: hitek55.ru
https://github.com/gajus/scream


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Высота адресной строки.
СообщениеДобавлено: Чт ноя 24, 2016 2:41 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Ср июл 18, 2012 12:29 am
Сообщений: 718
Hitek55 писал(а):
https://github.com/gajus/scream

да я естественно видел это решение. оно для ios и основано на жестко забитых значениях.
Код:
const specs = [
            [1280, 1762, 1920, 1280, 320, 480, 2, 'iPhone 4'],
            [1280, 2114, 2272, 1280, 320, 568, 2, 'iPhone 5 or 5s'],

            [1500, 2510, 2668, 1500, 375, 667, 2, 'iPhone 6'],
            // Equivalent to iPhone 5
            // [1280, 2114, 2272, 1280, 320, 568, 2, 'iPhone 6 (Zoomed)'],

            [1656, 2785, 2944, 1656, 414, 736, 3, 'iPhone 6 plus'],
            [1500, 2509, 2668, 1500, 375, 667, 3, 'iPhone 6 plus (Zoomed)'],

            [3072, 3936, 4096, 2912, 768, 1024, 1, 'iPad 2'],
            [3072, 3938, 4096, 2914, 768, 1024, 2, 'iPad Air or Retina'],

            [4096, 5306, 5464, 3938, 1024, 1366, 2, 'iPad Pro']
        ];

я не знаю насколько актуальны эти данные, я не знаю как получить эти значения для остальных моделей и мягко говоря это не гибкое решение, в которое постоянно необходимо будет влезать с появлением новых устройств. + не работает на андройде.

Но все равно большое спасибо за сообщение.


Вернуться наверх
 Профиль Отправить e-mail  
 
Показать сообщения за:  Сортировать по:  
Начать новую тему Ответить на тему  [ Сообщений: 3 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Русская поддержка phpBB