Хитри - блог о хитростях разработки флэш-игр, игровых баннеров и флэш-анимации http://xitri.com Wed, 30 Sep 2009 07:43:35 +0000 http://wordpress.org/?v=2.3.1 en Настоящий пример качественной анимации http://feedproxy.google.com/~r/xitri/~3/O2sbcsVSXdY/mr_freeman.html http://xitri.com/2009/09/30/mr_freeman.html#comments Wed, 30 Sep 2009 07:43:35 +0000 Stormit http://xitri.com/2009/09/30/mr_freeman.html Наткнулся в сети на интересный флеш-мульт. Аниматорам есть что проанализировать. Может быть из-за качественной озвучки, а может благодаря сильной анимации, этот мульт поселился в топе моего хит-парада.

А может быть меня зацепил глубокий смысл… А ты настоящий?

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

Related posts

]]> http://xitri.com/2009/09/30/mr_freeman.html/feed http://xitri.com/2009/09/30/mr_freeman.html Эффект электрошока в 2 кадра http://feedproxy.google.com/~r/xitri/~3/nw6RdgmVFJg/flash-effect-electroshock.html http://xitri.com/2009/08/31/flash-effect-electroshock.html#comments Mon, 31 Aug 2009 14:06:44 +0000 Stormit http://xitri.com/2009/08/31/flash-effect-electroshock.html Мои самые любимые эффекты те, которые симпатично смотрятся и делаются быстро и просто. Один из таких - эффект от удара током, попадания молнии или воздействия электрошокера. В анимации иногда приходится приложить к персонажу 220 и даже больше, если того требует сюжет. Например, на слайде 1, учёный решил испытать на себе установку по повышению настроения - после этого понимаешь, что у тебя не так уж всё и плохо :)

Первое что нам нужно - это персонаж для опытов. Можете нарисовать его в любой позе, главное чтобы она контрастировала с той, когда персонаж получает разряд (слайд 2). (more…)

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

Related posts

]]> http://xitri.com/2009/08/31/flash-effect-electroshock.html/feed http://xitri.com/2009/08/31/flash-effect-electroshock.html “Cкроллинг”, или как смещать фон вместо персонажа http://feedproxy.google.com/~r/xitri/~3/aC2A5Tus4LI/scrolling_background_except_hero.html http://xitri.com/2009/07/13/scrolling_background_except_hero.html#comments Mon, 13 Jul 2009 08:37:11 +0000 Stormit http://xitri.com/2009/07/13/scrolling_background_except_hero.html После прочтения статьи о платформерном движке (дальше буду ссылаться на неё как на “предыдущий пример”), у многих возник вопрос: “Как сделать, чтобы при управлении смещался фон, а персонаж оставался на месте”.

Спешу ответить.
Есть один способ, самый простой, на мой взгляд, вот его и рассмотрим. Возьмём конечный результат из “предыдущего примера”, теперь “обернём” всё полученное в новый символ game. Наглядно результат показан на слайде 1 - код, персонаж, противники (если есть), платформы, графика и всё всё всё, должно оказаться внутри этого клипа. Такой клип можно смещать, масштабировать, крутить, копировать в другой fla-файл - игра будет работать.

(more…)

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

Related posts

]]> http://xitri.com/2009/07/13/scrolling_background_except_hero.html/feed http://xitri.com/2009/07/13/scrolling_background_except_hero.html Динамический фон для баннеров и 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