Flash

Немного о Flash

admin — Wed, 14 Jan 2009 18:51:49 +0300

Немного фактов

1. В среднем 95% всех компьютеров в мире, обладают возможностью просматривать flash-ролики не ниже 6-й версии;
2. Только в 6 странах колличество профессиональных Flash-разработчиков около 2 млн. человек, что согласитесь — не плохо;
3. Flash, примерно за шесть лет, вырос из простенькой программы для анимации, в мощнейшую среду разработок. Вы можете себе представить современный интернет без Flash ? Я — нет =)

До сих пор многие считают, что Flash - это прежде всего программа для дизайнеров и аниматоров, но, поверьте, это не так. Смог бы аниматор сделать нормальный плеер ? Нет =) Разработать сайт? С большим трудом, и не известно, что бы в конце получилось. Динамическая галерея, онлайн-игра, да просто хорошая однопользовательская игра? Нет, нет и еще раз нет. Не стоит себя ограничивать исключительно разработкой баннеров и рисованием мультфильмов, возможности Flash куда больше.

Примеры? Да сколько угодно =)

Papervision3D - это 3D движок, основанный на AS2/AS3 языке.

Лично я, когда увидел эту машину, просто офигел. До этого я и представить не мог, что на Flash такое вообще возможно сделать. Всем, кто интересуется, настоятельно рекомендую посетить блог разработчиков, там еще много интересного есть.

Отличный сайт рекламного агенства Leo Burnett, кстати это агенство - неоднократный лауреат международного фестиваля рекламы «Каннские львы».

Перейти к сайту»

Подытожим?

Flash был есть и будет и, по крайней мере, в ближайшие три года можно не волноваться о его позициях во всемирной паутине. Собственно почему я сказал ближайшие три года, да потому что в свет вышла новая технология под названием Silverlight, от незыблемых Microsoft. Многие говорят, что таким образом “мелко-мягкие” хотят урвать свой кусок из ниши, которую сейчас прочно занимают Flash и родственные ей технологии3. Лично я тоже так считаю. Какой продукт будет лучше, Flash или Silverlight — будет видно только года через два, а то и позже. Лично я буду держаться за Flash до последнего.

P.S.:

В конце я приведу цитату из учебника “Анимация и специфекты во Flash MX 2004″, автор Дженнифер ДиХаан:

“Приложения Macromedia Flash MX 2004 и Macromedia Flash MX Profissional 2004 представляют собой инструментальные средства, предназначенные для создания привлекательных интерактивных, мультимедийных презентаций, Web-сайтов или CD-ROM. Для Flash характерна векторная графика и анимация, хотя эта программа может быть так же использована для манипулирования и отображения растровой графики, монтажа видеоматериала…”

Тьфу, блин, чушь. Даёшь собственное мнение и эмоции, а не сухой язык безжизненных роботов =)

Загрузить внешнюю флешку и задать её координаты

admin — Wed, 14 Jan 2009 19:11:12 +0300

Вопрос:

“Здравствуйте, у меня такой вопрос как в кадар загружать SWF файл, в определенное место.
Суть такова, нажав на батон мы переходим на 2 кадр, на этом кадре загружаем SWF файл.”

Ответ:

На самом деле - ничего сложного =) Всё что нам нужно:

а) Кнопка в первом кадре нашего фильма, по нажатии на которую будет происходить переход во второй кадр;

б) Контейнер, в который будет загружаться внешняя флешка (ну и конечно, сама внешняя флешка, которую нужно будет сделать за ранее, или взять любой другой .swf файл, чтобы нам было что подгружать =)

в) Знание функции loadMovie(), которая и отвечает за “загрузку” фильмов/изображений из окружающей среды (читай интернета, или жесткого диска твоего компьютера) .

Пробуем =)

Примеры прилагаются:

Сама флешка » | Исходник »

Всем, кто не знает, что такое XML

admin — Wed, 14 Jan 2009 19:21:22 +0300

Вы еще не знаете, что такое XML ? Очень жаль, т.к. это один из самых удобных способов обмена информацией с нашими Flash приложениями. Собственно XML — это набор правил, по которым строятся текстовые файлы этого формата. XML хорош тем, что в нём есть четкая структура, которой нет в .txt файлах, где мы передаём информацию во флеш парами имя-значение.

Собственно чего говорить =) Лучше посмотреть, не правда ли? Скоро выложу урок на эту тему, а пока - статья Дембицкого на тему XML, и определение XML в Wikipedia.

Брызги крови во все стороны, не хватает только воронов =)

admin — Wed, 14 Jan 2009 19:39:26 +0300

Тот, кто говорит, что толпы монстров жаждущих твоей крови — это бред, тот ничего не понимает в компьютерных играх. Покажите ему Crimsonland, покажите ему «Серьёзного». Да покажите ему «это»(эту статью), в конце концов. Видавшие виды геймеры подсаживались и продолжают подсаживаются на эти игры, а секрет заключается в драйве, экшене, этой невидимой линии, которую не каждому дано уловить при создании игры, но если это получается, то от игры потом не оторваться.

Собственно говорить сегодня мы будем именно об «этом», как я осмелился сказать выше. Вы спросите есть ли имя у этой игры? Конечно есть, и имя ей Endless Zombie Rampage.

Первое правило: убей их, пока они не убили тебя.
Смешно, но работает. Когда на тебя валит толпа монстров, единственное о чём ты можешь задуматься кроме «расправы» — это о количестве патронов, оставшихся у тебя.

А перезарядка как всегда приходит не вовремя…

Только поиграв в Zombie Rampage ты понимаешь, что перезарядка — это когда ты начинаешь судорожно бегать по полю от монстров, пытаясь увлечь их за собой от базы…Чтобы это понять, нужно просто поиграть в Zombie Rampage.

Кстати об игре и геймплее:

1. Есть вы, база и монстры. Монстры хотят уничтожить вас и/или базу, а вы , соответственно, монстров =)

2. Стандартное WASD управление, левый клик — огонь, скролл, Q и E — прокручивание оружия;

3. Три режима игры: Defense, Survival и Experiment. На последний предлагаю забить, не тратя время, и вообще, уделять внимание больше только Defense Mode режиму — тут весь смак =)

4. Убивая монстров вы получаете опыт, который в перерыве между пройденными раундами можете тратить на оружие, навыки и здоровье для себя и базы.

Раз уж мы заговорили об опыте:
Советую использовать полученный опыт с умом и не тратиться на всякие дешёвки типо ненужных-пистолетов в самом начале, т.к. потом будет сложнее. Разные «powerups’ы» и поправка здоровья тоже подождут своей очереди.

Порядок развития «by- me» таков:

1. 300 Exp и MP5K;

2. 2000 Exp и HK 21;

3. 9000 Exp и GAU-8, к слову это — самая дорогая пушка в игре.

А уже после можно закупаться различными бонусами сколько душе будет угодно, благо в ближайшие «очень-много-раундов» у монстров не будет возможности подойти даже близко к вашей базе или к вам.

P.S.:

Игра, лично меня, привлекла в первую очередь наличием rpg элементов (тем “кто-не-в-теме”, под rpg я подразумеваю получение опыта и развитие персонажа, через покупку оружия и бонусов). Сразу после покупки GAU-8 будет много раундов, в течении которых всё, что от нас потребуется — это отстреливать монстров издалека, чисто механическая работа, а нам нужен драйв и опасность, помните? Но настоятельно рекомендую потерпеть и не бросать игру, т.к. потом будет чистейший трэш, хоть какое-нибудь представление о котором вы можете получить зайдя в Survival Mode, но в Defense всё будет гораздо круче, поверьте =)

Играем:

А ты умеешь выдвигать объекты на передний план?

admin — Wed, 14 Jan 2009 19:47:21 +0300

В разработке тех или иных приложений/баннеров/игрушек время от времени возникает потребности в “выдвижении” объектов на передний/задний план. Реализуется всё очень легко, если знать что использовать, но если не знать, задача может показаться не решаемой.

mx.behaviors.DepthControl.bringToFront(this); — это именно та функция, которая нам потребуется для решения этой очень простой задачи. В моём примере объекты выдвигаются вперёд, при наведении на них мышкой.

Смотрим:
Сама флешка » | Исходник »

P.S.:

Не забываем смотреть комментарии в .fla проекте.

Доставь мяч к цели или новая вариация на тему Леммингов…

admin — Wed, 14 Jan 2009 20:05:58 +0300

Немного фактов:

1. Игра носит говорящее название Launchball, что в переводе означает «Запусти Мяч». Не ломайте голову =) Единственное, что вам прийдется делать в игре — это запускать мяч;

2. Ретро жанр головоломок в стиле Lemmings;

3. Интересные выдумки авторов. Все эти паззлы, электронные цепи, поведение мяча. Всё это — затягивает, и ещё как =)

4. Более чем приятная графика. Если вам не понравился скриншот, не спешите судить и переходить на другой сайт. Все реализовано без излишеств, но со вкусом. не верите? Проверьте =)

Back to the 90’s

А помните, да, как это было? Тебе даётся пачка «полу-людишек», и ты непременно, всеми способами должен доставить их к этому желанному выходу. Сейчас наверно мало кто из поколения 1990+ вспомнит, что это такое, но я — 1987 г. выпуска =) и я помню… И даже, каюсь, недавно скачивал их из интернета, чтобы поиграться, таки, в олд-скул. Но дело то не в этом, дело в том, что наткнулся я на игру, из той же серии, но наших дней производства. Очень симпатичная. Честно. Я не знаю, может некоторые начнут плеваться, но в неё стоит поиграть, хотя бы первые 6 обучающих уровней. Лично меня она сразила сразу.

Собственно играем »

Танцующие тётки с пышными фигурами и грязные мужланы, на промо сайте Бурн’а

admin — Wed, 14 Jan 2009 20:18:08 +0300

И сразу к делу

Сегодня прям ночь находок. Или на меня так влияет время с 2-х после полуночи до 4-х утра, или мне правда попались два очень интересных экземпляра. Сначала эта игра, а теперь и сайт Burn, от которого лично я просто в восторге =)

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

Боже мой, как она танцует…

Я смотрел на все эти её «движения-в-замедленном-действие» и не мог оторвать глаз, я даже толком и непонял, как они сделали луп (от англ. “loop” — петля), когда она за голову продевает руки, и всё начинается, вроде как заново…

Да, да…мужики тут тоже есть =) Вам не показалось. Тот, который на этом скриншоте, даже довольно не плохо брейк танцует.

А я вот заметил в тегах games…

При чем здесь игры, спросите вы, и будете правы. Ведь действительно, при чем тут игры и промо-сайт энергетического напитка? А при том, что основной раздел (это который второй сверху) посвящен именно небольшой игре, на ассоциации. Вам даются на выбор два слова, из них вы выбираете то, которое больше ассоциируется у вас с Burn, по-крайней мере, как мне подсказывает моё шестое чувство, задумка у разработчиков была именно такая. Игра не сложная, и моего «среднего-со-словарем» английского вполне хватило, чтобы за 10 минут открыть все пять уровней, на которые она расчитана. После перехода на следующий этап вам открывается ролик, в котором дядьки и тётки показывают свое мастерство владения телом. На самом деле именно эти ролики мне и не совсем понравились. Т.е. всё на уровне, но как-то «не-вписывается-в-общую-картину», чтоли. Даже не знаю…

Помимо игры, на сайте так же представлены разделы с рекламным роликом Burn’a и видео о том, как создавался сайт, раздел, где вы можете скачать на свой компьютер или мобильный обои. Раздел, где вы можете увидеть воочию состав Burn’a и раздел, посвященный информации о победителях какого-то там конкурса, в котором, как я понял, разыгрывались мобильники, но нам-то всё равно, ведь выиграли не мы =) Правда?

P.S.:

Кстати советую посмотреть видео о том, как делали сайт. Чувак, что на скриншоте, по-ходу какой-то знаменитый брейкер у них там, т.к. исполняет не-по-детцки =)

Перенос строки, как это сделать?

admin — Thu, 15 Jan 2009 00:45:17 +0300

Вопрос:
Часто бывает нужно в строках во Flash сделать разрыв (переход на новую строку); сразу в голову лезет мысль - “Нада нажать Enter и будет счастье:))”, ха, как бы не так, Flash хитрый:hmm:, на такую попытку он обзываеться из панели OutPut кучей нехороших слов. И вот узнать мне хочеться именно то, какие спец. символы используються для подобных целей (ведь они есть, правда?wtf)

Ответ:
Как обычно — ничего сложного, но если не знать что использовать, можно запутаться =) Всё,что нам нужно знать, так это то, что разрыв строки происходит при появлении спецсимволов (последовательности символов, таких как “\n”, “\r”, “newline” (естественно всё этио во Flash нужно писать без ковычек, “\n” или “\r” можно внедрять прямо в текст, который задаётся полю). Для самого переноса используем запись вида text_text.text=”Я — первая часть текста”+newline+”Я — вторая часть текста”, где text_txt - это у нас путь к нужному текстовому полю. Так же существует возможность форматировать поля с помощью html, что, на мой взгляд, гораздо удобней.

Все примеры работы, как с обычными текстовыми полями, так и с html форматированными я рассмотрел в прилагаемом исходнике. Пользуйтесь на здоровье =)

Смотрим:
Сама флешка » | Исходник »

P.S.:
Выражаю огромную благодарность Волошину Артёму, который задал вопрос =) Пиши еще, постараюсь помочь. Надеюь этот урок будет полезен не только Артёму. И как обычно не забываем смотреть комментарии в .fla файле.

Flashist.ru любит вас =)

Программная анимация и не только…

admin — Thu, 15 Jan 2009 00:55:06 +0300

Вопрос:
Вот у меня проблема, как реализовать плавный прыжок MovieClipa. Я понимаю надо делать так, прибавляем постепенно y до определённой отметки и потом опускаем на столько же на сколько прибавили,но как это сделать плавно?

Ответ:
Гораздо проще сделать это посредством использования особого класса во Flash, который называется mx.transitions.Tween. Подключается он к флешке путём вставки в код нужного кадра на главной временной шкале фильма следующих строк:

import mx.transitions.Tween;

import mx.transitions.easing.*;

Далее всё, что нам нужно - это создать саму функцию Tween. Создаётся она через запись вида new Tween(obj_mc, “_x”, Regular.easeOut, 0, 100, time, true), где:

1. obj_mc - путь к объекту, свойство которого мы будем изменять;
2. “_x” - имя свойства, которое будет изменено. Имя обязательно должно быть записано в кавычках. Можно изменять не только стандартные свойства объектов, но и свойства созданные собственноручно;
3. Regular.easeOut - тип движения. Отвечает за то, с каким ускорением/способом будет изменяться свойство (см. исходник);
4. 0 - начальная точка свойства;
5. 100 - конечная точка свойства;
6. time - переменная отвечающая за длительность изменения. Может указываться, как в секундах, так и в кадрах;
7. true - значение флага, отвечающего за тип длины движения. True - секунды, false - кадры.

Помимо класса Tween, нам прийдется использовать еще и интервалы, через функцию setInterval(), если вы не знаете что это такое, и как с ним работать — не огорчайтесь, в исходнике, который я прилагаю к уроку, достаточно широко описаны способы работы с этой функцией, и некоторые её особенности.

Смотрим:
Сама флешка » Исходник »

P.S.:
Я не видел, чтобы где-то в сети описывали еще эту проблему, но иногда бывает нужно остановить “движение” раньше времени. Чтобы иметь возможность обращаться к свойствам объекта Tween просто присваиваем Tween переменной:

varTween = new Tween(obj_mc, “_x”, Regular.easeOut, 0, 100, time, true);

После этого мы сможем остановить анимацию через varTween.stop().

Учимся работать с фильтрами

admin — Thu, 15 Jan 2009 01:13:09 +0300

Вопрос:
Привет, создай пожалуйста на своем сайте урок по: “Программному управлению фильтрами Flash” (тока если можно поподробнее, бо я совсем чайник во Flash.

Ответ:
Можно =) Только думаю, что я разделю описание на несколько статей, но начнем мы уже сегодня с фильтра Blur. Кто не знает, что такое Blur — это размытие. Идентичен Blur’у в любом графическом редакторе типа Photoshop или Fireworks (лично для меня второй предпочтительней). Фильтр простой, иногда помогает создать «иллюзию объема» картинки, когда предметы на заднем плане немного размываются, чтобы придать «передним» предметам ещё большую чёткость.

Для работы с фильтрами нам надо сразу усвоить, что они не подключаются к объектам напрямую. Для этого создаётся отдельный массив, в который помещаются фильтры, которые вы хотите применить к объекту, а потом уже этот массив присваивается свойству filters нужного объекта. К слову, Flash поддерживает фильтры начиная только с 8 версии, и присваивать их можно только объектам классов MovieClip, TextFiled и Button.

Чтобы начать работу с фильтром нам нужно присоединить нужный класс к флешке. Делается это следующей строкой:

import flash.filters.BlurFilter;

После этого у нас появляется возможность создавать новый объект класса BlurFilter записью типа var blur_filter:BlurFilter = new BlurFilter(blurX, blurY, quality). Где:

1. var blur_filter:BlurFilter — переменная, которая послужит нам ссылкой на созданный фильтр;
2. blurX и blurY — размытие по X и по Y, соответственно. Могут быть числами от 0 до 255;
3. quality — параметр, отвечающий за качество размытия, может принимать числовые значения от 1 до 3.

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

var filter_array:Array=[];

После этого «упаковываем» фильтр внутрь созданного массива:

filter_array.push(blur_filter);

И, с чистой совестью, присваиваем этот массив свойству filters нужного объекта:

obj_mc.filters = filter_array;

Собственно всё =) Если вы при инициализации фильтра вместо переменных blurX, blurY и quality задали конкретные числовые значения, то вы увидите, как объект obj_mc стал размытым (см. пример)

Напоследок скажу, что работа со всеми фильтрами устроена по одному принципу. Чтобы увидеть список всех фильтров и способы работы с ними, просто войдите в поиск Flash’a (F1), и введите в строку поиска фразу «The flash.filters package» без кавычек. В появившемся списке выбираем одноимённый пункт The flash.filters package и читаем.

Смотрим:
Сама флешка » Исходник »