Что выбрать начинающему HTML5-разработчику: сравниваем российские игровые площадки

2 года назад казалось, что российский геймдев — всё. Но первый сильный стресс от ухода иностранных компаний прошёл, нашлись альтернативные варианты, и выяснилось, что российские игровые площадки достаточно зрелые и предлагают плюс-минус одинаковые возможности.

Что выбрать начинающему HTML5-разработчику: сравниваем российские игровые площадки

Запишитесь на курс «ВЕБ-РАЗРАБОТЧИК» в Loftschool со скидкой 62%!

Adobe сфокусировалась на поддержке стандарта HTML5 вместо Flash

Компания Adobe объявила о поддержке открытого стандарта HTML5, конкурента созданной ею Flash, и высказала мнение, что он станет будущим веб-индустрии. При этом Flash, которую Adobe развивала на протяжении почти 20 лет, пока что остаётся стандартом для ряда важных сервисов, считают в компании.

Adobe сфокусировалась на поддержке стандарта HTML5 вместо Flash

30 сайтов-примеров отличного использования JavaScript

Ресурс Creative Bloq опубликовал материал, в котором его авторы поделились с читателями лучшими, на их взгляд, примерами использования JavaScript для создания сайтов. ЦП выбрал 30 самых интересных ресурсов.

2

10 лучших HTML5-игр 2013 года

10 лучших HTML5-игр 2013 года
HTML 5 победоносно шагает по планете — один из читателей издания Gamasutra выложил подборку из 10 HTML-игр, которые, по его мнению, были лучшими в 2013 году. В список вошли как и простенькие игры, в которые можно играть даже с телефона, так и продвинутые изометрические и 3D-проекты.

Если у кого-то выходные уже закончились — извините, у нас в редакции работа тоже остановилась из-за этого списка.

Судя по набору тайтлов, автор работает в агрегаторе игрулек Clay.io — туда ведёт большинство ссылок. Так что неудивительно, что все эти игры стали, по его мнению, лучшими. Всё верно, скромные люди в нашем бурном мире не выживают.

1 Word


1 Word

В список 1 Word попала не из-за геймплея, а из-за необычного способа распространения — через мессенджер Kik.

Распространение — это как раз таки одна из проблем HTML5. Да, так вы можете сделать игру, доступную на любой платформе, но это не единственный вариант. Особенность игр на HTML5 в том, что здесь нет каких-то отдельных магазинов приложений, поэтому вам нужно думать о том, как заставить людей в это играть. В этом, оказывается, может помочь популярный мессенджер Kik.

Цимес в том, что на их платформе можно размещать приложения, в том числе и создатели One Word этим пользуются. То есть прямо из Kik можно играть во что-то с друзьями (не только играть — там есть и приложение Youtube, например). Виральность обеспечена!

Bombermine


Bombermine

Bombermine заслуженно оказалась самой обсуждаемой HTML5-игрой года. В неё можно играть только на десктопе (так зачем было заморачиваться, сделали бы простую Flash-версию). Это весёлая мультиплеерная аркада — нужно взаимодействовать с сотнями других игроков (чаще всего подкладывая им свои бомбы и убегая от чужих).

Treasure Arena


Treasure Arena

Treasure Arena похожа на Bombermine — тоже браузер, тоже мультиплеер, но её успех гораздо менее заметен. У этой игры всего один разработчик, но выполнена она на высшем уровне.

Zirma


Zirma

У Zirma странный дизайн и геймплей, но это одна из самых продвинутых веб-игр, доступных на мобильных платформах. Это настоящая изометрическая стратегия, а не какая-нибудь там головоломка по типу Bejeweled.

Кроме того, молодцы-создатели выложили  свои наработки в открытый доступ.

Progressive’s Troubling Times in the Kingdom


Progressive

В принципе, это рекламный проект, поэтому пусть у него и среднего качества геймплей, но свои маркетинговые функции он выполняет. То есть мы несколько минут играемся, запоминаем логотип, всё в порядке.

При чём здесь HTML5? А вот — с использованием этой технологии разработка становится очень быстрой, игра работает на любом устройстве, причём играть можно сразу же, без установок и прочего.

Так что эта игра заслужила место в списке именно благодаря умному подходу к HTML5.

Battle Fish


Battle Fish

Battle Fish демонстрирует другой клёвый тренд — лицензирование. То есть крупные игровые порталы прошлого века, заработавшие себе имя на флэш-играх, потихоньку разочаровываются в них, и покупают права на использование HTML5-игр. Встраивают их себе на страничку и немного имеют с рекламы.

Battle Fish простая и забавная, отлично работает на смартфонах и планшетах, чем и заслужила доверие игровых порталов.

Super Ubie Land


Super Ubie Land

Наверное, самая весёлая игра в списке — она напоминает популярные платформеры 90-х и является наглядной демонстрацией того, что работает и не работает в HTML5-проектах, если касаться дистрибуции и монетизации.

Она стоит неслыханные $9,99, при этом покупателей (и публикаций в прессе) у неё крайне мало. По качеству она соответствует тем инди-играм, которые люди не стесняясь покупают в Steam по той же цене, но в вебе мы платить пока что не привыкли. К слову, создатели сейчас трудятся над версиями для Wii U и Xbox One, надеясь выжать из игры все финансовые соки (oh my).

Ещё интересный факт — Super Ubie Land собрана в конструкторе Construct 2, где можно склепать игрушку, не написав ни единой строчки кода.

Gods Will Be Watching


Gods will be Watching

Первый успешный проект студии Deconstructeam — что забавно, если учесть, что игра была сделана за 72 часа в ходе одного хакатона.

Это — типичная point-and-click адвенчура, где нужно постараться просто выжить. Создатели накраудфандили 25 000 долларов на IndieGogo, получив при этом множество публикаций в игровых СМИ. В итоге их подцепил крупный издатель, и когда-нибудь мы увидим полноценную и вылизанную версию игры.

Polycraft


Polycraft

Polycraft использует все преимущества WebGL, так что графон здесь зачётный. Понятно, что на мобильных устройствах в это особо не погоняешь (хотя можно завести на Firefox OS и на Firefox и Chrome под Android).

Это своеобразный tower-defence (тип игр, в которых нужно защищать базу от бесконечных войск противника), но неприлично хорошо сработанный для браузерного проекта — в такое и на Xbox не грех поиграть.

Cut the Rope


Cut the Rope

У Cut the Rope сильный бренд — вы все его знаете. Zynga и Microsoft выпустили HTML5-версию в 2012 году, но там не было поддержки мобильных устройств. В 2013 году сама ZeptoLab в сотрудничестве с Mozilla запустила нормальную HTML5-игру, в которую можно играть и на планшетах со смартфонами (в первую очередь, на Firefox OS).

Word Wars


Word Wars

Последняя в списке — игра, разработанная самим автором и его коллегами. Здесь за 2 минуты нужно найти осмысленные слова в буквенной матрице 4x4. Ничего нового или особо сложного. На ней авторы тренируются использовать простоту распространения HTML5-проектов — пробуют интеграцию с соцсетями и тем же Kik. В самом деле, здесь же не нужно ничего устанавливать — кинул ссылку другу, и давай играть.

Интервью с российским «убийцей» Google Docs

Интервью с российским «убийцей» Google Docs

Сейчас в области онлайн-редактирования документов безоговорочно рулят Google и Microsoft. Оказывается, им на пятки наступают наши, отечественные производители. Я немного пообщался с Львом Банновым (CEO) и Ниной Горбуновой (маркетинг) из компании TeamLab Office.

Эти ребята знают, что Google Docs и Office 365 присущи некоторые проблемы — документы Google имеют весьма узкий спектр возможностей, а сервис от Microsoft малопригоден для совместного редактирования. TeamLab достаточно успешно покрывает эти недостатки при помощи HTML 5 — сейчас на сайте зарегистрировано более 600 000 человек.

Нина недавно выступала на TechCrunch Moscow — вот запись выступления, которую стоит посмотреть хотя бы ради того, чтобы поугорать над переводчиком. Серьёзно, я смеялся до слёз.

В беседе Лев и Нина рассказали мне, чего-таки не хватает конкурентам, в чём преимущества HTML 5, как заработать на онлайн-документах и какой оригинальный способ продвижения они выбрали.

Панфилов: Добрый день! Для начала, расскажите в двух словах, чем вы занимаетесь. И самое главное, ради чего всё это затеяли — ведь на рынке уже есть два гиганта, Google и MS.

TeamLab: Занимаемся тем, что разрабатываем облачный офис, так как верим, что за этим будущее. Это следующая стадия системы разделения труда, что выведет автоматизацию малого и среднего бизнеса на новую ступень развития. Касательно Google и MS. Рынок огромен! Мы верим, что места хватит всем и хотим занять свою нишу.

П: Ага, вы упоминали, что ваша особенность — в использовании HTML 5. Почему это преимущество? Ведь пройдёт ещё много времени, прежде чем HTML 5 будет адекватно отображаться у всех пользователей без исключения.

TL: Ну, в первую очередь, это технологическое преимущество, конечно же. Поясню: с редакторами, которые работают на HTML 4, разработчики всегда вынуждены подстраиваться под то, как текст отображается тем или иным браузером. Вы никогда, например, не сможете выставить границу отступа в 1 мм. С HTML 5 мы не подстраиваемся под браузер, а самостоятельно формируем картинку, которую пользователь видит на экране. И мы сможем сделать эту картинку абсолютно идентичной той, которую пользователь видит при редактировании в любом популярном десктопном редакторе. Настолько близкой аналогии никогда не добиться с HTML 4.

Касательно адекватности отображения — HTML 5 сейчас поддерживается всеми современными браузерами.

П: А как насчёт скорости? Я сейчас проверил — у меня документы Google загружаются в разы быстрее, чем ваш продукт.

TL: Это тоже объяснимо. Во-первых, наши сервера в настоящий момент находятся в Орегоне (США) и в Дублине (Ирландия). Это даёт определенную задержку. Как только Амазон откроет свой дата-центр в Москве, мы тут же развернем TeamLab  в России. Известно, что любая новая технология несет свои издержки. Редакторам на базе HTML 4 (Google Docs) не нужно загружать шрифты и стили (они используют уже установленные шрифты), а вот мы их подгружаем — отсюда задержки. Объём загрузки данных c сервера при использовании HTML 5 больше по сравнению с редакторами на HTML 4. В будущем мы планируем выпустить плагин для всех браузеров, который существенно сократит объём загружаемых данных с сервера, что позволит повысить скорость.

П: В чём по-вашему критические недостатки Google Docs и Office 365? И как вам удаётся их решать?

TL: Критиковать вообще не очень хорошо. Но пока что ни Google Docs, ни Office 365 не могут сравниться по качеству форматирования с десктопной версией MS Office. Этого просто не позволяет технология, которую они используют. Как раз за счет инновационной технологии и использования элемента Canvas мы эти недостатки форматирования преодолеваем.

П: То есть у вас уже есть полнофункциональная копия MS Office? Со всеми этими формулами, сводными таблицами и прочими фишками?

TL: Пока что, конечно, нет. Мы на пути к этому и планомерно шаг за шагом приближаемся к возможностям MS Office. Например, формулы и буквицы будут в следующей версии (осенью). Мы начали с тех фич, которые, на наш взгляд, первостепенны для пользователя.

П: Сколько у вас работает человек? Со стороны кажется, чтобы побороть корпорацию, и людей нужно не меньше, а у вас, всё же, молодая компания. И какой у них бэкграунд?

TL: Непосредственно над разработкой редакторов работает команда в 30 человек. В основном это молодые специалисты, выпускники Механико-математического факультета нашего Нижегородского университета. Весь наш редактор, по сути, состоит из двух главных инструментов — «измерялки» и «рисовалки» (так они нам объясняют суть работы редактора). Так вот у этих ребят и то, и другое получается отлично. Разработка идет на JavaScript, хотя они свободно владеют С++ и другими языками программирования.

П: А вы, Лев, чем раньше занимались?

TL: Я закончил радиофак этого же университета. Занимался в своей жизни много чем. Были бурные 90-е, а потом в 98 грянул кризис. С того года я и начал заниматься только программированием. В начале был проект nctsoft.com (мы разрабатывали activeX компоненты для мультимедийных задач), потом был проект AVSmedia.com, который перерос в AVS4YOU.com и стал главным инвестором для TeamLab Office. Кстати, мы никому до вас не рассказывали о том, что AVS4YOU - это наших рук дело.

П: А что теперь с AVS4YOU.com — вы его забросили?

TL: Нет, конечно. Продукт продается по всему миру и сейчас.

П: Все начальные вложения были только от него, или ещё откуда-то?

TL: Да, только от него. Фактически мы реинвестируем прибыль в новый проект.

П: А как скоро сам проект начнёт окупаться?

TL: Все зависит от того, что вы подразумеваете под словом «окупаться». Если Вы положите в банк 1 млн рублей, то за год Вам выплатят порядка 90 тыс. рублей в виде процентов. Если мы вложили 1 млн. рублей в проект и пока что получили 90 тыс. прибыли, можно считать , что он окупается? Понятие окупаемости здесь не совсем релевантно, нам кажется, поскольку мы продолжаем инвестировать в проект.

П: Я про то, когда настанет чудесное время, когда не будут требоваться внешние инвестиции — вы же ввели не так давно платную подписку, соответственно, она должна как-то покрывать расходы.

TL: Предположим, что мы сейчас уволим всех наших разработчиков, тогда по вашей терминологии проект уже окупается, поскольку не требует никаких внешних вложений, а денежный поток уже идет. Мы рассматриваем TeamLab Office как долгосрочную инвестицию. По нашим оценкам при нынешнем уровне затрат на разработку, внешние инвестиции нам совсем не потребуются уже через год.

П: Круто. Какие у вас планы на дальнейшее развитие? Может, ещё какие-то мегауникальные фишки, которых точно ни у кого нет?

TL: Про фишки мы, конечно, всегда думаем. Наверное, мы все таки будем искать развития в рамках онлайн, то есть не тупо повторять Microsoft Office, а сделать что-то действительно удобное для работы в облаке и стать удобным инструментом для широкой аудитории. Упор будем делать на интеграцию наших редакторов с другими сервисами (почта, облачные хранилища и т.п.).

П: Вы ещё писали, что почти не выделяли средств на продвижение — это правда так, content is the king? Сарафанное радио работает?

TL: Нельзя сказать, что не выделяли вообще. Мы пробовали рекламироваться в разных источниках. Например, платных статей было где-то около 10 за все время существования. Пробовали Google Adwords — не впечатлились. Сарафанное радио работает, но, к сожалению, не так громко, как хотелось бы. Поэтому мы пришли к выводу, что для продвижения подобного проекта нужно создавать партнерскую сеть, чем сейчас и начали активно заниматься.

П: Что это такое?

TL: Идея очень проста: все, кто хочет распространять наш TeamLab, должны будут зарегистрироваться на нашем сайте в разделе «Партнёры». В качестве партнёров мы планируем привлечь организации, работающие в смежных сферах: интернет-провайдеры, системные интеграторы, продавцы ПО, у которых уже есть существующая база клиентов и т.д. Основное отличие нашей партнёрской программы от других будет в том, что на начальном этапе мы готовы предоставлять «кредит» каждому партнеру, помогая ему тем самым раскрутить свой бизнес, выгодный обеим сторонам.

С технической точки зрения это выглядит примерно так:

— партнер регистрируется на сайте;

— мы проверяем его и задаем 2 параметра: скидку и размер кредитной линии;

— заключаем договор;

— в рамках кредитной линии партнер генерирует регистрационные ключи.

— партнер ищет клиентов, предоставляет им ключи, получает от них оплату и через месяц расплачивается с нами.

Получается, что каждому партнеру мы предоставляем кредит в виде своих услуг.

П: Интересная концепция. А если бы к вам сейчас пришёл Google, Microsoft, или Mail.ru с интересным предложением — вы бы продались?

TL: Знаете, есть такая «американская мечта» — удачно продаться. А что дальше? Пока что наша идея не продаться, а самим раскрутить этот бизнес. Продаться — может быть, в далеком будущем, но мы туда не заглядываем.

П: Лев, у вас, очевидно, солидный опыт — может быть, дадите пару советов молодым предпринимателям, которые нас читают?

TL: Трудно давать советы, когда сам еще не достиг максимальных результатов, но попробую.

Наверное, самое главное — это понять, каким образом ваш проект вписывается в систему разделения труда. Нужно смотреть не только техническую сторону, но и очень хорошо понимать, кто ваш клиент, кто партнер, а кто посредник. Хочу посоветовать всем российским стартаперам не бояться выходить на международный рынок. Это не так страшно, как кажется с первого взгляда. При небольших затратах на переводы вы можете существенно расширить границы своего бизнеса.

П: А на чём вы ездите?

TL: BMW X5

П: Кудряво живёте! Спасибо за интервью.