7 мая 2012 г.

Russian Roulette с помощью HTML5/CSS/JS и PhoneGap

Здравствуйте, читатели читатель моего блога, в этот день когда на улице была такая себе погода я решил устроить Monkey Code. Задача была поставлена довольна простая: с помощью современных web-технологий написать игру "Русская рулетка" и заставить ее работать на bada. С обеими задачами я справился, но с некоторыми оговорками.
Начнем по порядку, главный объект приложения - пистолет, отрисовывается на html5 canvas средствами javascript. Также с помощью javascript и html5 canvas создана анимация спускового крючка и вращения барабана. Для реализации UI была использована библиотека JQueryMobile, благо опыт работы с ней у меня имеется. В UI вошли три формы: главная форма, с пистолетом и кнопками спуска крючка и вращения барабана; форма справки; диалог с сообщением о выстреле. Еще хотел включить форму настроек, но не стал. Почему? Расскажу позже.
Теперь займемся переносом этого web-приложения на платформу bada. Для этого был выбран phoneGap, после нескольких часов поиска по форумам и чтения документации Hello World проект под bada был собран. Все готово, для запуска "Русской рулетки" на bada! Вот, приложение запускается на моем телефоне и первое, что бросается в глаза это медленность и неповоротливость работы на устройстве. Речь идет даже не о анимации на html5, а просто о переключении между формами JQueryMobile и нажатиями кнопок. Тормозит все, что только можно! Разочаровавшись в PhoneGap, я запускаю приложение в браузере Dolphin и получаю примерно такую же картину. Т.е. виноват не PhoneGap, а тормознутость bada? К сожалению у меня нет устройства на android или iOS, поэтому проверить скорость работы не могу. Но это можете сделать вы, уважаемые читатели! Пройдя по этой ссылке.

3 комментария: