Max Home IndustryContre Jour — это игра с сенсорным экраном, разработанная для демонстрации IE10. Единственная проблема заключается в том, что, поскольку он использует в основном технологии, основанные на стандартах HTML5, он демонстрирует, насколько хороши и другие браузеры!
Сама идея демонстрационного приложения выглядит немного странной, когда вы пытаетесь выделить свой браузер, но в то же время утверждаете, что он основан на стандартах.
Тем не менее Contre Jour стоит нескольких минут вашего внимания, потому что в нее весело играть и она очень впечатляет как программа на JavaScript с сенсорным управлением.
Посмотрите видео, чтобы узнать, о чем эта игра:
Сенсорный API был представлен в iOS 2, но Android и IE10 более или менее догнали его, и теперь для него существует черновой вариант стандарта W3C. Это означает, что теперь вы можете написать веб-приложение с сенсорным экраном, которое имеет хорошие шансы нормально работать в основных браузерах. Я пробовал Contre Jour в IE10, Chrome и Firefox (как на компьютере, так и на мобильном устройстве), и он отлично работает. Это может быть немного медленным на мобильном устройстве, но все равно можно играть.
Он также работает в браузерах, работающих на устройствах без сенсорного экрана, когда пользовательское взаимодействие возвращается к управлению мышью. Одно интересное наблюдение заключается в том, что в игру намного сложнее играть с управлением мышью, что действительно указывает на преимущества сенсорного взаимодействия.
При запуске в IE10 игра использует мультисенсорный ввод, что является одной из областей, в которой Microsoft продвинулась вперед по сравнению со стандартным API, используя префиксы ms в дополнительных методах API. Однако код написан таким образом, чтобы использовать любой доступный уровень поддержки ввода — мультитач, сенсорный ввод или мышь.
Contre Jour сначала был популярен на iOS, а теперь он полностью перенесен на HTML5 / JavaScript. Проект занял шесть месяцев и преобразовал более 80 000 строк Objective C в JavaScript. Преобразование было ручным, и автоматические инструменты не использовались — это было больше повторной реализацией основной идеи, чем переносом.
Базовая физика игры использует модифицированную версию Box2D, которая также использовалась в версии для iOS. Земля, которую можно формировать с помощью касания или мыши, представляет собой набор объектов Box2D, что делает моделирование и рендеринг дорогостоящими задачами.
Следующее видео дает вам представление о том, что происходит за кулисами:
В целом впечатление от игры хорошее. Он показывает, что подход веб-приложений, безусловно, жизнеспособен для игр такого рода, основанных на 2D-физике, и, если у вас есть время, вы можете довести его до такой степени, чтобы оно выглядело как нативное приложение.
Если вы воодушевлены, есть стартовый фреймворк, который вы можете загрузить и использовать для создания игр HTML5. В предоставленном образце используется шаблон для игрового цикла Contre Jour.
Конечно, когда дело доходит до игр в HTML5, большой раскол наблюдается между 3D-играми, основанными на WebGL, которые поддерживают Chrome и Firefox, и 2D-играми, которые поддерживает IE. В настоящее время отсутствие поддержки WebGL обходится IE очень дорого в войнах браузеров, и у них, похоже, даже нет альтернативной системы трехмерной графики на горизонте.