Хитри - блог о хитростях разработки флэш-игр, игровых баннеров и флэш-анимации http://xitri.com Wed, 24 Jun 2009 12:58:17 +0000 http://wordpress.org/?v=2.3.1 en Динамический фон для баннеров и flash-игр http://feedproxy.google.com/~r/xitri/~3/Kw4Y45ZXwVc/dynamic-background-for-flash-game.html http://xitri.com/2009/06/24/dynamic-background-for-flash-game.html#comments Wed, 24 Jun 2009 12:58:17 +0000 Stormit http://xitri.com/2009/06/24/dynamic-background-for-flash-game.html Урок от ANIMEFISH.COM

Привет!

Представляю вниманию очередную хитрость для флеш девелоперов - “Создание динамических текстур во флеш”. О чем это я? Частенько в играх, в анимации, существует необходимость использовать качественные текстуры для различных заливок (для фонов, объектов и т.д.) Однако, найти такую текстурку достаточно сложно, подготовить ее к использованию в ролике - тоже сложно (если вы к тому же не владеете растровыми редакторами - это еще проблематичней), импортируемая текстура имеет вес (и не малый) а для вашей игры, например, необходимо много текстур. Но самое важное - это найти ту текстуру, которая бы гармонировала бы с вашей графикой.

Что же делать? Какие пути выхода?

  1. Нарисовать всю картинку целиком - ну тут даже не каждый художник сможет справиться, даже профи :)
  2. Предлагаю воспользоваться моим способом - динамически создавать свою текстуру прямо во Flash!

Начнем. (more…)

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/06/24/dynamic-background-for-flash-game.html/feed http://xitri.com/2009/06/24/dynamic-background-for-flash-game.html Простой платформенный движок для флеш-игр http://feedproxy.google.com/~r/xitri/~3/qDxohQ-jlMY/simple-platform-flash-game-engine.html http://xitri.com/2009/06/16/simple-platform-flash-game-engine.html#comments Tue, 16 Jun 2009 12:17:16 +0000 Stormit http://xitri.com/2009/06/16/simple-platform-flash-game-engine.html Чтобы сделать игру как на примере (слайд 12), не нужны продвинутые знания в физике и математике. По сути, мало что нужно вообще, потому как флеш располагает всем необходимым, чтобы сделать неплохую платформенную игру без особых усилий.

Обычно для определения столкновений фигур используются непростые математические расчёты проекции векторов. И это часто оправдано, так как позволяет сделать игры с реальным поведением объектов. Но если реальной физикой в вашей игре можно пренебречь, то организовать прогулки по платформенному миру - не проблема. Герой дня - популярная функция hitTest(), которая и будет решать все вопросы определения столкновений.

У этого движка есть свои плюсы и минусы. К недостаткам можно отнести:
1) отсутствие физики (есть только гравитация)
2) отсутствие наклонных поверхностей
3) платформы только прямоугольной формы
4) в сложных уровнях, во избежание глюков, требует дополнительной настройки персонажа
5) есть небольшая “дерганность” персонажа при контакте с платформами (связано с тем, что пересечение с платформой компенсируется не по направлению движения, а с раскладкой на оси X и Y).

К достоинствам:
1) прост в разработке
2) простое и быстрое построение уровней сложной формы
3) персонаж автоматически шагает по невысоким ступенькам
4) несёт в себе определённую стилизацию и хорошо подходит для пиксельной графики.

(more…)

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/06/16/simple-platform-flash-game-engine.html/feed http://xitri.com/2009/06/16/simple-platform-flash-game-engine.html Мы сделали Пчелоида и флеш-игру Striped Escape http://feedproxy.google.com/~r/xitri/~3/21JpKPpgtDo/flash-game-striped-escape.html http://xitri.com/2009/05/05/flash-game-striped-escape.html#comments Tue, 05 May 2009 14:27:52 +0000 Stormit http://xitri.com/2009/05/05/flash-game-striped-escape.html Наконец-то увидела свет флеш-игрушка, которую мы сделали ещё в сентябре прошлого года. Я программировал и продумывал уровни, Никита Котов - рисовал, анимировал и писал музыку. Сложно сказать, сколько времени ушло на разработку, так как начал я её делать после того как увидел игру “N”. Потом много раз откладывал в сторону, через пол-года вспоминал и что-то доделывал - и так много раз. Можно сказать что я на ней познавал подводные камни, учился физике и оптимизации процессорных ресурсов.

Спонсором выступили BunnyGames на правах Primary Sponsorship. Сейчас игра крутится на Newgrounds - поддержите, поставьте 5 баллов (реклама в игре сейчас откручивается мне, так что можно кликать :) ).

Striped Escape

Это классический платформер, где в каждом уровне нужно добраться до выхода, минуя все опасности. В игре 9 уровней и 7 видов противников. Каждый противник обладает своими характеристиками, например один может побежать навстречу когда вас заметит, другой мешает через себя перепрыгнуть. Мир в игре может меняться. Все персонажи двигаются, пока не упрутся в стену или под ногами не окажется пустота. Поэтому открывание дверей или подъехавший лифт могут изменить ситуацию и усложнить прохождение.

Немного предыстории (играем за представителя расы пчелоидов):

Вы были осуждены по статье rgb:#FDD535 Галактического Кодекса.
За незаконный сбор мёда вам дали максимальный срок - 1000000 ударов пульса. Срок близился к концу, но внезапная магнитная аномалия вывела приборы из строя и дверь вашей камеры открылась…
Чудесным образом спаслись не только вы, - сбой системы открыл все камеры и остальные заключённые тоже оказались на свободе. Они сильнее и выносливее вас, и они жаждут мести. Избегайте их.
Цель каждого уровня - найти выход. А цель игры - удрать с этой планеты!

Очень много времени (я даже не ожидал) ушло на проработку каждого уровня - на то, чтобы сделать его интересным и 100% проходимым. Сейчас можно собрать все бонусы без потерь (не уверен насчёт последнего уровня). Пришлось каждый уровень пройти не один десяток раз. Особенно сложно было там, где бегают четверорукие охранники. Дело в том, что они могут подпрыгнуть и улететь с платформы в непредсказуемом направлении и создать непроходимый участок.

Игра получилась непростой в прохождении и тестерам пришлось потратить несколько дней, чтобы дойти до конца, но последний уровень пока покорился только мне :)

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/05/05/flash-game-striped-escape.html/feed http://xitri.com/2009/05/05/flash-game-striped-escape.html Scarygirl - вышла в свет самая крутая флеш-игра http://feedproxy.google.com/~r/xitri/~3/jhtArHkkNCw/scarygirl-flash-game.html http://xitri.com/2009/04/14/scarygirl-flash-game.html#comments Tue, 14 Apr 2009 15:48:24 +0000 Stormit http://xitri.com/2009/04/14/scarygirl-flash-game.html Тут не нужен ни пиар ни громкие слова. По моему мнению, это самая качественная и проработанная флеш-игра на сегодня. Впервые я о ней услышал около года назад и с нетерпением ждал когда же это свершится. Разработчики периодически интриговали графикой и новыми трейлерами, после которых я запасался новым терпением и загорался желанием самому сделать что-нибудь эдакое…

Все кто ждал вместе со мной, - мы это сделали :)
Игра состоит из серии подигр, где с каждым уровнем меняются возможности (соответственно управление) персонажа. Смотрите трейлер и сами всё поймёте:

Берём пример, потому как здесь графика, анимация, программирование, музыкальное сопровождение, удобный интерфейс - вообще всё - сделано на высшем уровне.

Играем в Scarygirl

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/04/14/scarygirl-flash-game.html/feed http://xitri.com/2009/04/14/scarygirl-flash-game.html Flash игра - Don’t Look Back http://feedproxy.google.com/~r/xitri/~3/fZfdNMEkuWI/flash-game-dont-look-back.html http://xitri.com/2009/04/08/flash-game-dont-look-back.html#comments Wed, 08 Apr 2009 16:34:34 +0000 Stormit http://xitri.com/2009/04/08/flash-game-dont-look-back.html Отличная игрушка попалась на днях на глаза, называется: Don’t Look Back.

Почему игра так называется, становится понятно когда проходишь большую её часть. Для меня этот момент был самым неожиданным и приятным в игре. В конце игры снова неожиданность… В общем, игра с идеей, которая в середине немного меняет суть игры.
Don’t Look Back Flash Game
Советую потратить часик свободного времени и пройти игру до конца.

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/04/08/flash-game-dont-look-back.html/feed http://xitri.com/2009/04/08/flash-game-dont-look-back.html Мне исполнился 1 год http://feedproxy.google.com/~r/xitri/~3/oWg5NMRuw_E/xi3_one_year_old.html http://xitri.com/2009/04/01/xi3_one_year_old.html#comments Wed, 01 Apr 2009 13:11:43 +0000 Stormit http://xitri.com/2009/04/01/xi3_one_year_old.html “Мне 1 год” - заявил мне сегодня мой блог, чем меня несколько удивил. Ну раз так, нужно что-то написать по этому поводу.

За этот год в моей жизни произошло много интересных событий. Я узнал что многие люди давно и окончательно перешли на AS3. Причём привыкли к нему настолько, что даже не матюкаются. Узнал что UAFPUG - это не так страшно как звучит, наоборот, очень полезное мероприятие. Что делать и продавать игры - вполне реальное занятие чтобы жить только этим (сделал 1 на заказ, продал 2 свои игры, ещё 2 сейчас продаются и несколько в разработке - это параллельно с основной работой).

Прочитал 2 доклада: для UAFPUG в Донецке и для FlashGamm в Киеве (доклад1, доклад2).  Познакомился с многими  интересными людьми и загрузился работой. Был удивлён, когда предложили взять у меня интервью и с удовольствием его дал. Читайте в блоге Валерии Маллаевой, который тоже недавно справил первую годовщину.

Из планов на будущее: освоить 2х-мерные и  3х-мерные движки, запустить игровой портал и доработать свой 4х-мерный игровой движок.

“Ничего не забыл?” - спросил я свой блог, на что он мне тактично добавил, - “В настоящее время имеются 62 записей и 1197 комментариев, которые находятся в 7 рубриках и имеют 13 меток.”

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

  • No related posts.
]]> http://xitri.com/2009/04/01/xi3_one_year_old.html/feed http://xitri.com/2009/04/01/xi3_one_year_old.html Альтернатива “Cache as bitmap” - разгружаем процессор http://feedproxy.google.com/~r/xitri/~3/gM0EKhBgaW4/cache_as_bitmap_alternative.html http://xitri.com/2009/03/27/cache_as_bitmap_alternative.html#comments Fri, 27 Mar 2009 09:10:45 +0000 Stormit http://xitri.com/2009/03/27/cache_as_bitmap_alternative.html Наверное многие знают и умело используют такую замечательную возможность во флеше как “Cache as bitmap“. При этом, с клипа делается виртуальный снимок в виде картинки и вектор не пересчитывается для отрисовки каждый кадр. Можно рисовать графику в векторе прямо во флеше, потом в панели свойств включить кэширование и на выходе плеер получает растровую картинку. Очень удобно, можно быстро вносить изменения и сразу любоваться результатом минуя фазу экспорта/импорта в PNG. Плюс ко всему - экономия траффика.

Звучит приятно и обычно всё хорошо работает, но я столкнулся с тем, что с клипами больших размеров, тормоза частично остаются. В одной платформенной игре у меня был фон 1200х1200, который лежал на заднем плане и должен был просто смещаться, пока персонаж бегает по уровню. Так вот, анимация происходила с небольшими рывками. Такое впечатление, что флэш время от времени пересчитывает данные и делает “обновлённый” снимок с клипа. Так или иначе, но факт имел место и такие тормоза были. Это решалось заменой векторного фона растровым (PNG), но такая флешка весила очень много.

Но не зря мы все так любим флеш - у него в арсенале достаточно инструментов чтобы решить эту проблему. Мы снимаем с флеша ответственность по растеризации векторной графики и берём её на себя. Будем использовать BitmapData и маленькую функцию, приведённую  ниже.  В добавок мы получаем возможность обрабатывать нашу картинку как игре угодно: добавить следы от взрыва, осколки, пятна.

На примере ниже можно увидеть как это работает. Большое количество градиентов и  объектов нас больше не пугают, потому что пикселы отрисовать в разы быстрее чем рассчитать вектор по точкам. Так будет видеть flashPlayer наш клип:

(more…)

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/03/27/cache_as_bitmap_alternative.html/feed http://xitri.com/2009/03/27/cache_as_bitmap_alternative.html Crimsonland 3: Выживание на практике http://feedproxy.google.com/~r/xitri/~3/kP3jcIUKR9M/crimsonland3_survival_with_actionscript.html http://xitri.com/2009/03/19/crimsonland3_survival_with_actionscript.html#comments Wed, 18 Mar 2009 22:22:04 +0000 Stormit http://xitri.com/2009/03/19/crimsonland3_survival_with_actionscript.html Мне уже порядком поднадоела эта тема, но люди просят рассказать каким образом создаются монстры, летят пули и как определяется попадание. Надеюсь это многим поможет, тем более что поняв эти простые истины, можно создать много разных flash игр.

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

Итак, из предыдущих постов у нас есть главный герой, готовый ринуться на толпы врагов. Я заменил базуку на пулемёт и немного повысил его манёвренность (скорость ходьбы и поворота). Слайд 1.

Подробно о том, как теперь устроен клип body клипа hero показано на слайте 2. При щелчке мышью, начинает проигрываться анимация стрельбы и во втором кадре вызывается функция placeBullet(), которая добавляет пулю на сцену. Это единственное место в этом примере, где вызов функции идёт из клипа, а не с главной линейки. Обратите внимание, что появился вспомогательный клип dot - он нужен чтобы пересчитать по нему правильные координаты пули в момент вылета из ствола. Это идеальный способ, когда дуло не находится точно на осях X и Y. Внутри всех вспомогательных клипов я пишу _visible = false. Так они не заметны для глаза, но доступны для кода.

Дальше создаём клип для противника с именем spider и прочую атрибутику: пулю (bullet) и спецэффект для поражения (boom). Клип spider состоит из 2-х кадров (состояний). В первом клип с анимацией ходьбы (здесь же и клип hit, который нужен для проверки попадания), а во втором - клип а анимацией погибания (когда анимация доигрывается, в последнем кадре вызывается _parent.removeMovieClip() которая удаляет противника (в данном случае _parent - это клип spider). Клип пули bullet - просто рисунок снаряда (при _rotation = 0 смотрит вправо). Клип boom - имитация кровавого всплеска. Все эти клипы присутствуют на линейке, но лежат далеко за пределами сцены чтобы случайно не попали в кадр (или выполнить для них _visible = false). Потом с каждого будет создаваться дубликат и использоваться по необходимости.
Создаём прямоугольный клип ground который площадью должен покрыть всю сцену. Противники будут появляться, учитывая его границы, а пули будут удаляться (в смысле delete), когда вылетят за его пределы. Слайд 3.
(more…)

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/03/19/crimsonland3_survival_with_actionscript.html/feed http://xitri.com/2009/03/19/crimsonland3_survival_with_actionscript.html Воспоминания о Crimsonland 2: наведение на цель http://feedproxy.google.com/~r/xitri/~3/XF-I7kh7uio/vospominaniya-o-crimsonland-2-navedenie-na-cel.html http://xitri.com/2009/02/27/vospominaniya-o-crimsonland-2-navedenie-na-cel.html#comments Fri, 27 Feb 2009 11:16:44 +0000 Stormit http://xitri.com/2009/02/27/vospominaniya-o-crimsonland-2-navedenie-na-cel.html Это небольшое дополнение к предыдущему посту, которое может сделать флеш-игру ещё интересней.

Очень часто разработчики, когда им нужно навести дуло на цель или направить монстра на жертву, делают это мгновенно. То есть, объект шёл в одну сторону, и тут бац.. идёт уже в другую. Это подходит для многих случаев и повышает контроль над ситуацией, мотивируя игрока проявить свои возможности, но иногда (а может и часто :)) нужно сделать чтобы дуло пушки или персонаж наводились на цель плавно.

(more…)

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/02/27/vospominaniya-o-crimsonland-2-navedenie-na-cel.html/feed http://xitri.com/2009/02/27/vospominaniya-o-crimsonland-2-navedenie-na-cel.html Делаем во флэше движение персонажа как в Crimsonland http://feedproxy.google.com/~r/xitri/~3/Z6aYHPYSwAU/move-and-shoot-like-crimsonland.html http://xitri.com/2009/02/12/move-and-shoot-like-crimsonland.html#comments Thu, 12 Feb 2009 16:29:12 +0000 Stormit http://xitri.com/2009/02/12/move-and-shoot-like-crimsonland.html Такое движение сделать во флеше очень просто, достаточно знать формулы [...]]]> Думаю, что многих в своё время зацепила игра Crimsonland. Лично мне нравится как там реализовано управление главным героем. При нажатии клавиши “Вверх” персонаж смещается не строго вверх, а туда, куда смотрит. Кнопки “Вправо” и “Влево” только поворачивают героя и меняют направление движения.

Такое движение сделать во флеше очень просто, достаточно знать формулы синуса и косинуса. Этим мы и займёмся. (more…)

Хотите почитать позже? Добавьте в социальные сети или закладки

Related posts

]]> http://xitri.com/2009/02/12/move-and-shoot-like-crimsonland.html/feed http://xitri.com/2009/02/12/move-and-shoot-like-crimsonland.html