Как сделать игру на флеше
Как делать Adobe Flash игры?
Что такое Flash?
Многие из нас любят коротать время, играя в короткие флэш-игры, однако мало кто задумывается о том, как эти произведения виртуального искусства создаются. Между тем, данная технология существует еще с конца 90-х гг. Ее создателем является американская компания Macromedia (ныне Adobe Systems). Эта система активно применяется не только для разработки игр, но и в веб-мастеринге. Именно на флэше работают большинство сайтов в Интернете (хотя, некоторые уже переходят на HTML 5). Также детищем Adobe Systems является программа для создания приложений Macromedia Flash. Освоить ее может любой человек, даже далекий от компьютерных технологий. Однако, прежде чем мы начнем рассказывать о том, как делать игры, рассмотрим основные плюсы и минусы данной платформы.
Преимущества Adobe Flash
- Существует ряд достоинств, которые выделяют эту технологию на фоне других программных платформ и делают эту технологию превосходной для создания любительского игрового контента:
Недостатки Flash Player
- Как и любая другая программа, эта также имеет ряд минусов, о которых должен знать любой, кто хочет начать работать с флэш-приложениями:
Несмотря на эти недостатки, флеш является незаменимой для создания небольших любительских мини-игр.
Как создать Flash-игру: основные аспекты
Создание анимаций на движке она напоминает детское увлечение, когда на уголках страниц по кадрам рисовался рисунок и при быстром перелистывании он начинал двигаться. Суть флэш-анимаций такая же — вы покадрово располагаете графические объекты на временной шкале и при воспроизведении они начинают двигаться. С играм все сложнее. Для того, чтобы создавать их, необходимо освоить язык программирования ActionScript 3.0. Изучить его можно при помощи специальных книг и учебников (например, книга Колина Мука «ActionScript 3.0 для Flash»). Также есть довольно много обучающих видео на YouTube. Достаточно проявить совсем немного старания, чтобы освоить эту программу. Сделав это, у вас вряд ли появятся вопросы о том, как написать flash-игру.
- При создании флэш-игры, важно придерживаться определенной структуре:
Сначала идет «Титульное окно». Это заставка, которая должна произвести первоначальное впечатление на игрока. Здесь важно проявить весь свой художественный талант и фантазию.
Следующим этапом станет создание страницы «Правила». Несмотря на то, что некоторые разработчики игнорируют данный этап, лучше все-таки сформировать правила игры, сделав ее более понятной и дружелюбной. Иногда они пишутся на внешней странице, либо в отдельном окошке.
«Фон» — это окружение, на котором будут находиться графические объекты. В отдельных случаях, объекты занимают весь экран. Игровой фон можно создать инструментами Adobe Macromedia, либо воспользоваться сторонними программами (например, Ogmo Editor превосходно справляется с созданием двухмерных сцен). Важно, чтобы он был тематическим и дополнял общую концепцию игры.
Конец игры знаменует «окно окончания игры». Игра может окончиться в разных случаях — при победе игрока, при проигрыше или просто по истечении времени/боеприпасов. Для каждого случая создается отдельное окно с соответствующим анимированным содержимым. Иногда в это окно вставляют список победителей.
Таким образом, после изучения adobe flash, как создать игру будет знать любой человек. Достаточно понять основные механизмы работы и уже достаточно скоро вы сможете создавать простенькие игры. Как и в любом деле, здесь главное проявить достаточно усидчивости и заинтересованности, и результат не заставит себя ждать.
Как перенести игру на HTML5: подводные камни, ошибки, нюансы
Всё больше разработчиков социальных игр переносят свои проекты с Flash на HTML5. Однако это не такой простой процесс, как кажется. Какие подводные камни могут всплыть при портировании? Какие ошибки рискует допустить разработчик? Можно ли отдать портирование на аутсорс? Разбираемся вместе с техническим специалистом Stark Games.
Для создания этого материала мы поговорили со старшим разработчиком Stark Games. В портфолио студии входит «Ёлочка», которая каждый год стабильно попадает в топ самых популярных игр в «Одноклассниках» и «ВКонтакте». Впервые компания перенесла свою игру на HTML5 в 2019 году, набив по пути ряд шишек. Мы попросили поделится опытом человека, напрямую ответственного за портирование.
Почему HTML5?
Компании в целом часто выбирают HTML5. Наш собеседник объясняет это низким порогом входа в платформу и доступностью библиотек и движков.
Нет необходимости покупать API, заключать контракты. В том же Unity надо платить при определённых оборотах. Также HTML5 работает на всех браузерах без всяких плагинов, не надо ничего ставить.
Аналогичный аргумент приводит Ольга Хоменко, сооснователь PlaytoMax, студии-разработчика игр на HTML5:
Главный плюс — универсальность. Платформа работает на ПК, смартфонах, планшетах, Smart-TV и так далее.
Другой фактор, сработавший в пользу HTML5, — смартфоны стали гораздо мощнее, а вокруг платформы появилось больше технологий, инструментов и гайдов. Если ещё 3–4 года назад бюджетные устройства не справлялись с игрой на HTML5, а начинающий разработчик с трудом находил ответы на свои вопросы, то теперь всё иначе.
Стало больше информации: например, кто-то столкнулся с проблемой, написал об этом на том же «Хабре» или Stack Overflow. Если ты джуниор, то нет проблемы писать на HTML5 что хочешь — просто что-то спрашиваешь, открываешь и делаешь. В целом, HTML5 позволяет сейчас делать то же, что и на флеше. Так что лучше оптимизировать HTML5-версию, чем тянуть флеш.
Поэтому HTML5 планомерно захватывает площадки, в том числе социальные сети. Например, недавно «Одноклассники» отчитались, что за первые пять месяцев 2020 года выплатили разработчикам HTML5-игр около 360 миллионов рублей. Это на 80% больше, чем за аналогичный период 2019-го.
Трудности при портировании игры на HTML5
Какие главные подводные камни ждут студию, которая решила перенести свою игру с Flash на HTML5? По словам эксперта, могут возникнуть три проблемы: необходимость переписать код, оптимизировать игру и разобраться с командой.
Сперва придётся разобраться с кодом.
Есть конвертеры, которые могут это сделать, но для этого код должен быть просто идеальный. За всю свою профессиональную деятельность я такого не встречал.
Оптимизация игры
Вторая проблема — вам надо будет подумать, как оптимизировать игру. Если просто перенести проект с Flash на HTML5, то есть вероятность, что он будет тормозить. Особенно на слабых телефонах.
В целом, «флеш» позволяет больше. Поэтому при портировании на HTML5 надо учитывать нюансы. Например, человек может открыть игру на iPhone 5, а этот аппарат не умеет грузить текстуры выше определённого разрешения. И если вы поставите текстуру больше этого размера, то она либо не загрузится, либо вообще что-нибудь упадёт. Если у вас громоздкий интерфейс — его надо облегчить. На мобильном нельзя уместить всё, что у вас есть на десктопе. Все эти рюшечки, красивости, дополнительные кнопки можно убрать. Также у нас работает lazy loading ресурсов. То есть игроку в первую очередь показывают главные сцены, наиболее важное. Остальное не грузится, пока он сам не нажмёт.
О важности оптимизации интерфейса рассказывает и Ольга Хоменко из PlaytoMax:
Всегда помните, что на смартфонах экраны маленькие и все ваши 400 кнопок вы не внесёте.
Не исключено, что ради оптимизации придётся лезть в код движка и править его под свои нужды.
Если будете рендерить на Pixi.JS, то там четвёртая версия значительно отличается от пятой. И я знаю команды, которые, работая с четвёртой версией, исправляли код этого движка, чтобы картинка нормально отображалась на слабых девайсах. Это особенно актуально для разработчиков игр, где есть элементы казино и так далее.
Оптимизация команды
Наконец, финальная проблема — если у вас игра на Flash, то и специалисты заточены под эту платформу. Они могут не знать, как работает HTML5. Поэтому надо думать, что делать с командой. В целом, есть два подхода: либо нанимать дополнительных людей, которые знают HTML5, либо портировать игру своими силами. В первом случае, как отмечает эксперт, стоимость и сроки разработки могут сильно вырасти, к тому же непонятно, что делать с работниками после портирования. Во втором случае специалисты могут попросту не справиться с задачей.
Наш собеседник из Stark Games пошёл по второму пути.
Команду можно не менять, если вы переходите на язык программирования TypeScript. Считаю, что хороший Flash-разработчик с ним справится. Просто надо познакомиться с языком, почитать о его особенностях и так далее. У меня это заняло примерно неделю — после этого я помог «перейти» остальной команде.
Также эксперт отметил, что если у вас достаточно сложная игра, то лучше прокачать текущую команду, чем брать нового человека и объяснять ему, как устроен ваш продукт.
Мы так и делали, потому что у нас на изучение технологии уходит неделя-другая, а на введение нового человека в проект — около месяца.
Какие ошибки можно допустить при портировании игры на HTML5?
Очевидно, что игры у всех разные. При их портировании могут всплыть любые нюансы. Всё зависит от используемого движка, библиотек и так далее. Поэтому не факт, что ошибки, допущенные нашим собеседником, выскочат у остальных разработчиков. Однако опыт Stark Games может пригодится коллегам по цеху.
В первую очередь — мы ошиблись с распределением ресурсов. Мы решили тянуть сразу две версии: HTML5 и Flash. Поскольку у нас не было специалиста по HTML5, нам показалось, что силами нескольких разработчиков мы всё сделаем. Реальность оказалась сложнее. В итоге мы справились, но с трудом. Когда запускали следующую «Ёлочку», то ограничились только HTML5-версией.
— рассказал старший разработчик Stark Games.
Вторая ошибка — эксперт признался, что не сразу подумал об упрощении интерфейса.
В мобильной версии 19-й «Ёлки» был сложный интерфейс, который значительно нагружал смартфоны и распылял внимание пользователя. Пришлось его оптимизировать: выкидывать лишние кнопки, оставшиеся укрупнять, вводить специальные всплывающие окна и так далее. По-хорошему, это надо было сделать сразу.
Наконец, несколько мелких промахов. Наш собеседник рассказал, что на старте одна из версий «Ёлок» отправляла от игроков сверхподробные логи.
От пользователей иногда шли логи по 500 Мб. Сервера у нас чуть прилегли, да и самим игрокам едва ли понравилось, что ушло столько трафика. К счастью, это было только во «ВКонтакте» — первый билд мы выкатываем именно туда, потому что в «Одноклассниках» у нас игроков в разы больше, перед ними ошибаться совсем не хочется. В целом, исправили косяк за пару дней.
Стоит ли отдавать портирование на HTML5 на аутсорс?
Получается, что портирование игры на HTML5 — не такое простое дело. Может, тогда лучше воспользоваться услугами сторонних команд? Например, есть компания IceStone, которая конвертирует Flash-игры на HTML5.
Как утверждает наш эксперт, есть свои плюсы и минусы обращения к таким командам. Из преимуществ он называет точные сроки и, конечно, тот факт, что вам не придётся заниматься портированием самому. Из недостатков — переход обойдётся дороже и надо будет тратить время на встречу со специалистами и заключение договоров. Наконец, студии могут просто не сразу взять ваш проект — вдруг у них в очереди уже десяток таких же.
Всё зависит от задач. Если у вас несколько простеньких Flash-игр, они приносят какую-то копеечку, но вы ими не занимаетесь — можно отдать на аутсорс. Если же вы хотите дальше их развивать, выпускать апдейты, то лучше портировать самому. Я как разработчик сам бы этим занимался.
5 рабочих способов продолжить играть в игры ВК, ОК и Mail.ru на Flash Player после 1 января 2021
Несколько дней назад мы писали о том, что в ближайшие дни некогда самая влиятельная мультимедийная платформа интернета – Flash Player, прекратит своё существование с наступлением 2021 года. 2021 уже на дворе, но Google пока не отключила его вместе с новым обновлением для Chrome. Это значит, что прямо сейчас можно запускать свои любимые игры без проблем. Когда наступит окончательная блокировка, неясно. Это может случиться уже сегодня, или через пару дней.
реклама
В некоторых случаях вы можете продержаться и дольше, если откажетесь от обновления браузера, но рано или поздно это случится. Хотя, на торрентах существуют уже готовые версии с заблокированными обновлениями. Если вы планируете использовать в ближайшее время именно такой способ, убедитесь, что в ПО нет вирусов, поскольку часто злоумышленники используют файловые хранилища для распространения зловредов всех мастей. В последнее время наиболее активны майнеры, программы для получения личной информации пользователя и шифровальщики.
Первые жутко замедляют вашу систему, приобщая вас к удалённому зарабатыванию криптовалюты. После этого играть становится просто невозможно, а сёрфинг в браузере превращается в настоящее испытание. Вы сразу же заметите ухудшение пользовательского опыта. Программы для слежки и получения личной информации занимаются кражей данных с привязанных кредитных карт, аккаунтов в популярных сервисах, а также всего того, что может представлять ценность для перепродажи. Шифровальщики просто шифруют ваши фотографии и видео, требуя за это деньги. На самом деле это далеко не полный список, ведь есть ещё блокировщики системы, которые вообще не пускают вас на рабочий стол и многое другое. Суть в том, что, чем дольше вы используете Flash Player, тем выше опасность, а значит сейчас самое время отказаться от игры в браузере, но не от игр совсем.
Как вы поняли, использование Flash Player небезопасно, ведь даже при наличии антивируса в вашей системе образуется огромная дыра. Сегодня мы выясним, как вам продолжить играть в понравившиеся проекты, оставаясь в безопасности. Отметим, что без некоторого дискомфорта не обойтись, но это единственная возможность, ведь абсолютно все популярные браузеры вот-вот отключат или уже отключили поддержку Flash Player, окончательно удалив его из системы. Ниже мы рассмотрим три популярных приложения, охватывающие большую часть игр Рунета. К сожалению, от менее известных проектов придётся отказаться, ведь далеко не все могут себе позволить создать отдельное программное обеспечение для пользователей.
реклама
Одноклассники. Для тех, кто не хочет потерять свои игры в этой социальной сети, нужно скачать официальное приложение «ОК Игры». Здесь есть все игры, которые запускаются при помощи эмулятора. В ОС Windows не нужны дополнительные плагины, всё необходимое установится самостоятельно. По большому счёту, это полноценная платформа с каталогами, поиском и многим другим. Кстати, жителям Украины не придётся скачивать отдельное приложение для доступа, так как внутри есть встроенный vpn. Ничего делать или настраивать ненужно. Просто играйте.
Mail.ru. Здесь всё гораздо проще, ведь Центр развлечений существует давно, предоставляя доступ к тысячам игр, среди которых как большие проекты, так и малоизвестные тайтлы. Поскольку программа появилась давно, постоянные пользователи Mail.ru уже давно к ней привыкли, ведь сервис начал отказываться от браузерных игр много лет назад. Большие проекты будут скачиваться на ваш компьютер. Укажите для них любой другой диск, кроме системного С, поскольку некоторые РПГ занимают 30 и более Гб. Для доступа нужно ввести свой логин и пароль от почты. Встроенного vpn нет, поэтому жителям Украины придётся искать специализированное ПО для доступа к заблокированным ресурсам.
реклама
Вконтакте. Совсем недавно в самой популярной социальной сети в РФ появилось приложение Play Machine. Оно также позволяет получить доступ ко всему контенту на Flash Player без дыр и опасностей. ПО мало чем отличается от аналогов. Просто работает. У соцсети есть целая армия постоянных посетителей, а некоторые игры имеют онлайн в миллионы пользователей, поэтому это самая проблемная аудитория. До Нового года проблем с нагрузкой в программе не отмечалось. Будем надеяться, разработчики не допустят ничего подобного и в будущем. Для входа понадобиться логин и пароль. Для жителей Украины, как и в случае с Mail.ru, придётся дополнительно скачать vpn-сервис.
Мы не оставляем ссылки на приложения, ведь их можно легко скачать по названию. Напоминаем, что вам стоит воспользоваться специальным патчем Microsoft для удаления Flash Player из ОС. Не пытайтесь установить неизвестный браузер, где вам обещают поддержку Flash Player. В последнее время в сети есть множество браузеров, которые гарантируют поддержку Flash Player, быстрый интернет и удобство. Здесь всё гораздо хуже, чем в ситуации, когда браузер вообще не обновляется, ведь уже в самом ПО может содержаться любой тип вируса, а избавиться от проблемы будет гораздо сложнее, поскольку подобное ПО умеет создавать системных клонов внутри ОС, что не только осложняет их удаление, но и поиск. В этом случае мы можем добавить, что эксперименты – это хорошо, но в данном случае лучше использовать надёжные методы.
Как вы поняли, есть 5 способов сохранить доступ к играм: три безопасных, посредством установки специализированного ПО; оставаться на браузере с заблокированными обновлениями или на неизвестном браузере с поддержкой Flash Player. Два последних мы не рекомендуем.
Запускаем флеш-игры в 2021 году на 27 версии Flash Player
Если при попытке запустить Flash-игру вы видите следующую картинку, значит, у вас заблокирован Flash Player.
Это событие произошло глобально, по инициативе самих разработчиков. Компания Adobe встроила автоматическое отключение в свежие версии Flash Player. Но не переживайте, игры и сам плеер остаются рабочими. Чтобы вы смогли играть, уделите несколько минут вашего времени выполнению инструкции, которую мы предоставим ниже. Вам нужно будет удалить проблемную версию Flash Player и установить более раннюю. Вот необходимые для этого шаги.
Шаг 1
Полностью удалите все имеющиеся на вашем ПК версии Flash Player. Компания Adobe предоставляет для этого официальную программу — качайте по ссылке.
Запустив программу, вы увидите следующее окно:
Нажмите на кнопку «Удаление» и согласитесь со всеми изменениями. После этого обязательно перезагрузите компьютер.
Шаг 2
После того, как все проблемные версии Flash Player удалены, переходим к установке правильной, рабочей 27 версии. Качаем и устанавливаем следующие файлы:
Во всех трех случаях просто скачайте файл и установите его, соглашаясь со всеми просьбами программы-установщика.
Если во время установки Flash Player с включенным компонентом ActiveX вы увидите следующую ошибку, не волнуйтесь:
Она сообщает о том, что компонент ActiveX уже установлен. Просто нажмите «ОК» и завершите установку.
После выполнения этих двух шагов у вас в системе будет установлена рабочая версия Flash Player и вы сможете дальше играть в любимые браузерные игры.
ВНИМАНИЕ!
В браузере Google Chrome все еще может наблюдаться блокировка, так как он использует собственную (встроенную) версию Flash Player. Поэтому рекомендуем использовать следующие браузеры:
Все они устанавливаются максимально просто — скачиваете файл, запускаете, со всем соглашаетесь, немного ждете и готово! Некоторые установщики предложат установить иконку браузера на рабочий стол — ставьте галочку для вашего удобства.
В некоторых браузерах может потребоваться ручная активация Flash Player. Посетите статью по этой ссылке и следуйте инструкции.
Лаунчер от RBK Games
Если после всех проделанных операций вы все еще сталкиваетесь с проблемами, просто установите лаунчер от RBK Games. В нем есть все самые важные браузерные функции и дополнительные фишки, повышающие производительность игр. Ознакомьтесь с лаунчером по этой ссылке. Имейте в виду, что он еще в процессе разработки и в нем могут возникать ошибки. Однако, доступ к флеш плееру он сохранит при любых обстоятельствах и вы сможете комфортно играть.
Рекомендация
Ознакомьтесь также с другими способами запуска браузерных флеш-игр на ПК и других платформах — для этого перейдите по ссылке.