Кросс-платформенная игра UpToTab

Главное о кейсе

Внутренний проект, в котором мы показали свой опыт в технологиях, креативность, умение создавать звуковой дизайн и впечатляющий экспириенс и скорость работы. Сайт взял "сайты дня" на CSS Design Awards, Awwwards и FWA.

Бизнес-задача и ее решение

Каких-то 10 лет назад мы грузили статические сайтики, которые отдавал нам самый простой сервер. Полная перезагрузка страницы при отправки формы, никаких прелоадеров и анимаций. Ммм... А что на счет видео? Тебе нужен Flash player. И да, не забудь его обновлять!
Но сейчас, уже все по другому... Слышали про Canvas? Что на счет игр в браузере? Нее не flash-игрушки, полноценные игры без Flash. И да, они могу работать на любом современном мобильном устройстве. Да-да ты не ослышался.

Ну ладно, шутки в сторону. Перейдем к конкретике. Современные веб-технологии по-настоящему удивительны! Благодаря набору таких веб-технологий как: Canvas, WebAudio, Touch events, WebServices и т.д, пришедших к нам с HTML5, мы можем создавать нечто большее, чем просто сайты, например, полноценные кроссбраузерные кроссплатформенные игры. И да, речь пойдет об одной из таких.

Мы рады представить вам UpToTab. UpToTab – это полноценная кроссплатформенная игра, работающая во всех современных браузерах. Она построена на удивительном фреймворке Phaser, собравшем в себя все сегодняшние веб-технологии для создания производительных HTML5 игр. А для создания полноценного user experience был использован Service Worker, так что при проблемах с интернет соединением, игра сообщит вам об этом.

Мы в Red Collar уверены, что в недалеком будущем, благодаря подобным технологиям и росту производительности устройств мы полностью абстрагируемся от определенных платформ, и разница между нативным и веб-приложением исчезнет. Ну а пока, прикоснитесь к будущему и зацените UpToTab.

UpToTab — игра, которая передаёт всю суть интернет-сёрфинга, высмеивает недостатки браузеров и при этом работает с любого из них на компьютерах, смартфонах и планшетах. Безо всякого Flash`а!

Играя от лица известных браузеров, вы встретите все нервности и милости интернета: тупые видео блогеров, любимые всеми котики (за них даётся больше очков!), внезапно всплывающие окна, корзины, обнуляющие ваши труды и многое другое.

Побудьте Internet Explorer — дедулей в мягких домашних тапках, который верит, что может летать, а затем Firefox с регулярными обновлениями, от которых не спрятаться, не скрыться. А на сладкое Google Chrome — скоростным современным роботом, который перешёл на все удобства HTML5.

Что насчёт атмосферы? Каждый браузер — свой мир. Ламповые иконки папок, ёлочки из CD, милые сердцу пользовательские значки или технологичный мир с камерами на каждом углу.

Избегайте Flash`а и ходите только по чистым сайтам. Сравнивайте свои достижения в количестве байтов с игроками по всеми миру, делитесь рекордами с друзьями!

Прочая информация о кейсе

In the UpToTab game you’re going to surf the internet with one of the most famous browsers, avoid spam and Flash and gain precious bytes. First, the game offers you to play as a slow old fella internet Explorer which needs crutches or a wheelchair to go faster. However, at the next level he becomes a nimble Firefox, and in the end grows to a high-speed Chrome. The main goal is to collect as many bytes as you can and beat the leaderboard. The game has an achievement system, global leaderboard and the ability to share your results in social networks.

UpToTab game based on the HTML5 Phaser framework on the cutting edge of web technologies. It is a cross-platform game, so you can play it in any modern browser on desktop computers and iOS / Android smartphones and tablets.

Denis Lomov, art-director Red Collar:

Our team loves to experiment and to invest in our own projects. UpToTab is a fun game for geeks and at the same time it shows all the latest technologies. We are sure that enthusiasm and a sense of humor moves the progress forward.

Скриншоты

Комментарий заказчика

Это был наш первый опыт в разработке игр. В первую очередь, хотели поэкспериментировать с технологиями — сделать игру, которая будет работать кроссплатформенно на десктопах и мобильных устройствах. Тематику выбрали айтишную, «какой браузер круче», и приурочили к тому, что Chrome наконец-то отключил Flash.