Хитри - блог о хитростях разработки флэш-игр, игровых баннеров и флэш-анимации http://xitri.com Fri, 07 Nov 2008 21:42:49 +0000 http://wordpress.org/?v=2.3.1 en Эффект сильного ветра в 2 кадра http://feeds.feedburner.com/~r/xitri/~3/445927952/flash-effect-fast-wind.html http://xitri.com/2008/11/07/flash-effect-fast-wind.html#comments Fri, 07 Nov 2008 21:42:49 +0000 Stormit http://xitri.com/2008/11/07/flash-effect-fast-wind.html В анимации бывают случаи, когда нужно показать сильный ветер. Например, ураган, шторм или метель. Понятно, что воздух не нарисуешь в чистом виде, так как для людей он прозрачен. Но можно анимировать такие видимые вещи, как пыль, облака, туман, снег.

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

Таким же образом можно передавать и фоновую скорость, например, мелькание воздуха за иллюминаторами самолёта. Нужно ускорить персонажа? - Заставьте фон двигаться быстрее. (more…)

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

Related posts

]]> http://xitri.com/2008/11/07/flash-effect-fast-wind.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F11%2F07%2Fflash-effect-fast-wind.htmlhttp://xitri.com/2008/11/07/flash-effect-fast-wind.html Игровые баннеры тоже игры - презентация для FlashGamm в Киеве http://feeds.feedburner.com/~r/xitri/~3/435754565/casual-banners-is-a-true-game-flashgamm-presentation.html http://xitri.com/2008/10/29/casual-banners-is-a-true-game-flashgamm-presentation.html#comments Wed, 29 Oct 2008 11:44:22 +0000 Stormit http://xitri.com/2008/10/29/casual-banners-is-a-true-game-flashgamm-presentation.html Хотите почитать позже? Добавьте в социальные сети или закладки Related posts Программная анимация и сферы её применения - UAFPUG 3 [...]]]> Моя презентация на FlashGamm в Киеве.
Организаторы обещали выложить у себя на сайте видео, так что детально пересказывать нет смысла, остановлюсь на основных моментах:

Использование флэш-игр в рекламе

Основной смысл - как сделать из flash-игры рекламный продукт.

(more…)

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

Related posts

]]> http://xitri.com/2008/10/29/casual-banners-is-a-true-game-flashgamm-presentation.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F10%2F29%2Fcasual-banners-is-a-true-game-flashgamm-presentation.htmlhttp://xitri.com/2008/10/29/casual-banners-is-a-true-game-flashgamm-presentation.html Впечатления от FlashGamm в Киеве http://feeds.feedburner.com/~r/xitri/~3/434597529/impressions-flashgamm-kiev.html http://xitri.com/2008/10/28/impressions-flashgamm-kiev.html#comments Tue, 28 Oct 2008 11:07:25 +0000 Stormit http://xitri.com/2008/10/28/impressions-flashgamm-kiev.html FlashGamm Киев 2008

Сначала хочу выразить благодарность организаторам - всё было очень круто. Гораздо серьёзнее, чем я рассчитывал. Валерия Маллаева и Александр Титов сделали всё, чтобы эта встреча состоялась, а посетители остались довольны. В каждом докладе я нашёл что-то полезное для себя, а некоторые слушал, не отрываясь. Были известные люди, на некоторых из них я сам учился, за это им тоже громкое благодарю.

Очень много было сказано о том, как зарабатывать на флэш-играх путём поиска спонсоров и с помощью рекламы. В зале, кстати, был представитель AddictingGames, которому можно было на месте показать/продать игру (что некоторые и сделали :)). Ada Chen из Mochimedia рассказала об особенностях их рекламных сетей. Нужно срочно учить английский.

Как всегда порадовала своими новыми возможностями Alternativa3D в лице Антона Волкова. Было выступление, посвящённое созданию именно flash-игр на базе их движка. Как я понял, для независимых разработчиков flash-игр (инди-разработчиков) Alternativa3D теперь бесплатна, а значит самое время пробовать её в играх.

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

Были также доклады на примере реальных проектов. Все презентации и отчёты (некоторые уже есть) можно найти на сайте FlashGamm.

Я выступал с докладом о том, как использовать флэш-игры в рекламных целях. Фактически о том, что я называю “игровые баннеры”. Рост на встрече предложил англоязычное название - “Casual Banners”. Как вам предложение?

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

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

Related posts

]]> http://xitri.com/2008/10/28/impressions-flashgamm-kiev.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F10%2F28%2Fimpressions-flashgamm-kiev.htmlhttp://xitri.com/2008/10/28/impressions-flashgamm-kiev.html Изометрия в два счёта http://feeds.feedburner.com/~r/xitri/~3/423835582/two-step-isometric.html http://xitri.com/2008/10/17/two-step-isometric.html#comments Fri, 17 Oct 2008 16:08:44 +0000 Stormit http://xitri.com/2008/10/17/two-step-isometric.html Для flash-игры TilePaving использовалась одна маленькая, но полезная хитрость. Никакой изометрии в программном понимании там и в помине нет. Все расчёты для плиток производятся в привычных координатах _x и _y. А интересный ракурс создаётся благодаря двум простым действиям: повернуть символ на 45 градусов (всю игру целиком), а потом сплющить её по вертикали на 50%. Сжать повёрнутый символ во флэше не так-то просто - маркеры трансформации помнят угол поворота и сохраняют возможность растяжения/сжатия по осям самого клипа. Чтобы обойти этот момент, нужно символ временно сгруппировать (Ctrl + g), сжать по высоте и затем разгруппировать (Ctrl + b).

 

(more…)

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

Related posts

]]> http://xitri.com/2008/10/17/two-step-isometric.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F10%2F17%2Ftwo-step-isometric.htmlhttp://xitri.com/2008/10/17/two-step-isometric.html Добро всегда побеждает зло - игровой баннер http://feeds.feedburner.com/~r/xitri/~3/421627938/the-good-always-defeat-evil.html http://xitri.com/2008/10/15/the-good-always-defeat-evil.html#comments Wed, 15 Oct 2008 14:20:42 +0000 Stormit http://xitri.com/2008/10/15/the-good-always-defeat-evil.html Персонажей для баннера придумал и оживил (а точнее вывел из своих миров) - Никита Котов Хотите почитать позже? Добавьте в социальные сети или закладки Related posts Игровые [...]]]> На днях был сделан игровой баннер для Доброблога. Идею долго выдумывать не пришлось - название блога говорит само за себя.

Теперь, чтобы перейти на сайт, нужно доказать свою доброту.
Кликаем мышкой!

Персонажей для баннера придумал и оживил (а точнее вывел из своих миров) - Никита Котов

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

Related posts

]]> http://xitri.com/2008/10/15/the-good-always-defeat-evil.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F10%2F15%2Fthe-good-always-defeat-evil.htmlhttp://xitri.com/2008/10/15/the-good-always-defeat-evil.html Flash-игра TilePaving - головоломка для любителей поиграть в пятнашки http://feeds.feedburner.com/~r/xitri/~3/413699743/flash-game-tilepaving.html http://xitri.com/2008/10/07/flash-game-tilepaving.html#comments Tue, 07 Oct 2008 10:53:27 +0000 Stormit http://xitri.com/2008/10/07/flash-game-tilepaving.html Первая моя игра, которая нашла своего спонсора в лице UGOPlayer через сайт FGL.

TilePaving Flash Game Splash

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

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

Related posts

]]> http://xitri.com/2008/10/07/flash-game-tilepaving.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F10%2F07%2Fflash-game-tilepaving.htmlhttp://xitri.com/2008/10/07/flash-game-tilepaving.html Вы за луну или за солнце? http://feeds.feedburner.com/~r/xitri/~3/406246780/blogcamp-contest-xitri.html http://xitri.com/2008/09/29/blogcamp-contest-xitri.html#comments Mon, 29 Sep 2008 13:05:15 +0000 Stormit http://xitri.com/2008/09/29/blogcamp-contest-xitri.html Кто-то недавно писал в комментариях что будет проводиться конкурс украинских блогов. Похоже это он и есть.

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

Related posts

  • No related posts.
]]> http://xitri.com/2008/09/29/blogcamp-contest-xitri.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F09%2F29%2Fblogcamp-contest-xitri.htmlhttp://xitri.com/2008/09/29/blogcamp-contest-xitri.html Пиксельный поиск пути http://feeds.feedburner.com/~r/xitri/~3/406235799/simple-engine-flash-game-top-view-part2.html http://xitri.com/2008/09/29/simple-engine-flash-game-top-view-part2.html#comments Mon, 29 Sep 2008 12:50:47 +0000 Stormit http://xitri.com/2008/09/29/simple-engine-flash-game-top-view-part2.html Кстати, в тот раз я написал не совсем правильный код. Команда break не выводила процесс [...]]]> Это продолжение предыдущего поста о простом движке для flash-игр. Тогда, в самом конце возникла мысль уйти от метода hitTest() и перейти на пиксельный просчёт. И чтобы сравнить оба способа и выбрать лучший вариант, сделал небольшой визуальный тест.

Кстати, в тот раз я написал не совсем правильный код. Команда break не выводила процесс из вложенного цикла и бессмысленно терялось много процессорных ресурсов. Странно, но никто по этому поводу не отписался. Значит либо все “внимательно” читают и пробуют, либо верят на слово ;)
Этот баг я поправил. Дальше по слайдам: (more…)

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

Related posts

]]> http://xitri.com/2008/09/29/simple-engine-flash-game-top-view-part2.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F09%2F29%2Fsimple-engine-flash-game-top-view-part2.htmlhttp://xitri.com/2008/09/29/simple-engine-flash-game-top-view-part2.html Простой движок для флэш-игр типа “Вид сверху” http://feeds.feedburner.com/~r/xitri/~3/400015184/simple-engine-flash-game-top-view.html http://xitri.com/2008/09/22/simple-engine-flash-game-top-view.html#comments Mon, 22 Sep 2008 18:05:26 +0000 Stormit http://xitri.com/2008/09/22/simple-engine-flash-game-top-view.html Давно я не писал новых статей. На то есть много причин, главные из которых - отпуск и новая флеш-игра (как найдётся спонсор, выставлю её на обозрение). Блог не умер и не собирался умирать, новые материалы будут публиковаться по мере появления свободного времени. Многие вещи у меня лежат в полуготовом состоянии и дорабатываются до состояния “интересно” - раньше выкладывать нет смысла.

Ближе к теме. Есть множество flash-игр, в которых пользователь видит уровень как-бы с высоты птичьего полета - сверху. Одна из основных задач, с которыми сталкивается разработчик в таких играх - программно организовать проходимые зоны и препятствия.

Возьмём для примера простой случай - лабиринт. Персонаж может перемещаться по коридорам, но не должен проходить сквозь стены. Эту задачу можно решить по-разному, но чаще всего я встречал такие решения:

  1. Блочное решение. Карта разбивается на кубики и у каждого стенки задаются как свойства “left”, “right”, “top” и “bottom”. Если объект вошёл в кубик, он свободно может по нему перемещаться. Перейти в соседний можно только если смежные грани не имеют стенок. Для оптимизации можно количество стенок уменьшить в 2 раза оставив только “left” и “top”. Две остальные сработают у соседних кубиков.
  2. Реализовать физический движок с нулевой гравитацией.

Все они имеют плюсы и минусы. И мой движок тоже. Предлагаю его вашему вниманию исключительно из-за дизайнерских плюсов, а именно - карта рисуется в виде картинки и не держится в уме как набор координат. Общая демка приведена ниже.

Большую часть работы выполняет старая добрая функция hitTest(). Для неё рисуется зона проходимости и персонаж может перемещаться только в её пределах. Если на карте есть горы, стены, водоёмы, дома - эти области просто не закрашиваются.

Пойдём от простого к сложному. (more…)

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

Related posts

]]> http://xitri.com/2008/09/22/simple-engine-flash-game-top-view.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F09%2F22%2Fsimple-engine-flash-game-top-view.htmlhttp://xitri.com/2008/09/22/simple-engine-flash-game-top-view.html Игровой баннер типа “Шутер” http://feeds.feedburner.com/~r/xitri/~3/358299731/game-banner-shooter.html http://xitri.com/2008/08/07/game-banner-shooter.html#comments Thu, 07 Aug 2008 10:53:14 +0000 Stormit http://xitri.com/2008/08/07/game-banner-shooter.html Недавно я говорил, что обзавелся собственным игровым баннером. Теперь хочу рассказать, как я делаю подобные штуки.

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

В нашем случае удобно хранить скорость в разложенном по осям виде. То есть не величина и угол поворота (как в управлении автомобилем), а в виде speedX и speedY. Далее каждую составляющую мы будем прибавлять к соответствующей координате (отрицательные значения смещают в другую сторону).

При равномерном движении можно просто прибавлять к координате число. Но введение понятия “Скорость” позволяет организовать замедление и ускорение.

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

Теперь по порядку: (more…)

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

Related posts

]]> http://xitri.com/2008/08/07/game-banner-shooter.html/feed http://api.feedburner.com/awareness/1.0/GetItemData?uri=xitri&itemurl=http%3A%2F%2Fxitri.com%2F2008%2F08%2F07%2Fgame-banner-shooter.htmlhttp://xitri.com/2008/08/07/game-banner-shooter.html http://api.feedburner.com/awareness/1.0/GetFeedData?uri=xitri