Вопрос-Ответ

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

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

Вопрос:

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

Ответ:

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

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

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

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

Пробуем =)

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

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

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

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 и читаем.

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

Столкновение объектов во Flash #1

admin — Thu, 05 Feb 2009 00:59:18 +0300

Вопрос:

Пожалуйста дайте action script на тему: “встреча двух объектов”. И последующее действие, к примеру перебросить на такой-то кадр.

Ответ:

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

Разбираем ActionScript

Для проверки “встречи” двух объектов, за частую достаточно использовать функцию hitTest:

if(obj1_mc.hitTest(obj2_mc)){
        trace(“Пересечение произошло”);
}

1. obj1_mc и obj2_mc — объекты, пересечение которых между собой мы проверяем;
2. hitTest — собственно сам метод hitTest.

В принципе, нет никакой разницы запишем мы obj1_mc.hitTest(obj2_mc) или obj2_mc.hitTest(obj1_mc), в обоих случаях будет проверяться “пересечение” одних и тех же объектов. Функция hitTest возвращает true, если объекты пересекаются, и false, если нет. Так же нужно запомнить, что в Flash у функции hitTest есть несколько способов применения. В этом примере мы разобрали только один из них, а точнее «пересечение двух объектов». Так же с помощью hitTest можно отслеживать пересечение объекта и точки. Но об этом мы поговорим с вами уже в других статьях.

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

Вращение колёсика мышки и перемотка

admin — Thu, 05 Feb 2009 03:01:46 +0300

Вопрос:

Появилась такая задача. Есть муви клип, в котором фотки покадрово располагаются и надо, чтобы кадры сменялись с помощью колёсика мыши.
Ссылка на вопрос »

Ответ:

Задача, которую просят решить, немного необычная, но довольно простая. Необычная потому, что я никогда не сталкивался с подобной проблемой, и не видел, чтобы её где-нибудь описывали.

Событие onMouseWheel

Как вы, наверное, уже догадались, событие, которое отлавливает вращение колёсика мышки называется onMouseWhell. Собственно кроме этого события нам нужно знать только, как вообще происходит смена кадров во Flash. Ничего сложного =) разбираем синтаксис:

var mouseListener:Object = new Object();
mouseListener.onMouseWheel = function(varDelta:Number) {
        trace(“Движение колёсика “+varDelta);
};
Mouse.addListener(mouseListener);

1. var mouseListener:Object = new Object() — создаём объект, который будет «слушателем» события onMouseWheel. Не пугайтесь, если вам не известно слово «слушатель», просто нужно понять, что в Flash кроме основных событий, которые характерны для основных классов, существуют и другие, которые нельзя отловить без создания специального объекта, следящего за возникновением этих «других» событий. Грубо говоря, если событие onPress видят все объекты класса Movie Clip, то событие onMouseWheel, по-умолчанию, другие объекты не видят.
2. mouseListener.onMouseWheel = function(varDelta:Num… — это само событие onMouseWheel, которое возникает каждый раз при вращении колёсика мышки. Обратите внимание, что в скобках указана переменная varDelta. Эта переменная будет возвращать количественное значение «силы» вращения колёсика. Причём это значение всегда будет кратно 3. Если колёсико вращается вверх, то varDelta будет положительным, если вниз, то отрицательным. Другими словами varDelta может быть равна +3, +6, -6, -12, но не может быть равна 1 или 2.
3. Mouse.addListener(mouseListener) — «подписываем» созданный нами объект на событие onMouseWheel. Как я уже говорил выше, есть события, которые в Flash по умолчанию нельзя отловить. Это сделано с целью экономии ресурсов компьютера. Так вот, объект Mouse — это «генератор» событий, одним из которых является событие onMouseWheel. Функция addListener подключает к «генератору» событий «слушателя», который будет оповещён о наступлении событий.

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

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

Сохранение данных при помощи Shared Object

admin — Thu, 05 Feb 2009 03:14:43 +0300

Вопрос:

У меня есть вопрос: как сделать сохранялку для игры (жмёшь SAVE сохранилась(переменные записались в файл), LOAD и она загрузилась) или это невозможно?

Ответ:

Это можно реализовать двумя способами. Первый, сохранять всё в отдельные текстовые файлы, типа .txt и .xml, при помощи сторонних программ, которые добавляют функционала флешке, например MDM Zinc. Второй, более простой вариант, не использовать другие программы, и реализовывать всё через Shared Object, который так же иногда называют «кэшем-флешки». Сегодня мы разберём второй вариант.

Учимся работать с кэшем

Итак начнём. Сегодня мы разберём, как создавать объекты Shared Object и сохранять данные внутри них:

var my_so:SharedObject = SharedObject.getLocal(“nameSharedObject”);
my_so.data.myVar = “Напишите что-нибудь, и запустите флешку снова”;

1. var my_so:SharedObject = SharedObject.getL… — создаём сам объект Shared Object и считываем из кэша необходимые данные. my_so — новый созданный нами объект Shared Object. nameSharedObject — имя считываемого из кэша файла. Если флешка запускается впервый раз, и такой файл в кэше пока создан не был, то Flash автоматически создаст его.
2. my_so.data.myVar = “Напишите что-нибу… — в файле кэша создаём переменную myVar и присваиваем ей нужное значение. Необходимо помнить, что все данные, которые вы хотите сохранить в Shared Object объекте, должны являться свойствами его свойства data (*простите за тавтологию*).

Собственно вот мы и создали объект, в котором теперь можно сохранять данные и считывать их при последующих запусках флешки. Если не верите, то посмотрите пример к уроку, в котором введённое в поле слово или фраза будет сохраняться и отображаться при следующем запуске флешки.

Очищение кэша

Ах да, чуть не забыл, данные которые мы сохраняем при помощи Shared Object можно, по мере надобности, удалять, очищая кэш.

my_so.clear();

Как не тяжело догадаться, функция clear() — это и есть та самая функция, которая очищает кэш.

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

XML. Начало

admin — Fri, 06 Feb 2009 01:56:07 +0300

Вопрос:

…Но если вы и пример xml сможете дать, то я вообще буду рад :)

Ответ:

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

Данные → XML → Flash

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

1. Статья Ивана Дембицкого «Flash и XML»;
2. Отрывок из книги Гурского «Action Script 2.0 Программирование во Flash MX 2004», которую можно приобрести на Ozon.ru за 201р.

Сразу хочу сказать, что отрывок Гурского представлен исключительно для ознакомления, и, всем кто не знаком с данной книгой, я настоятельно советую приобрести её при первой же возможности. Данная книга содержит огромное количество полезной информации, особенно для людей не сильно хорошо разбирающихся в Action Script 2.0

Примеры

В исходнике к данному уроку я постарался объяснить только основные понятия, в частности, как можно передать в ваше Flash приложение простейшую информацию извне с помощью XML файла. Всю необходимую информацию для того, чтобы разобраться в уроке вы сможете почерпнуть из указанных выше ссылок и комментариев к коду.

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

Задать вопрос в рубрику «Вопрос-Ответ»

admin — Sun, 08 Feb 2009 16:45:21 +0300

Вопросик задать не желаете?

Как я и обещал, потихоньку заработала рубрика «Вопрос-Ответ». Мне действительно очень хотелось бы, чтобы вы, мои дорогие читатели, задавали вопросы, спрашивали как можно решить ту или иную проблему и выйти из сложной ситуации, которые, так или иначе, возникают при изучении Flash. Задать вопрос можно, нажав на кнопочку "Добавить статью" внизу страницы url=http://flashist.ru/questions]«Вопрос-ответ»[/url], это перекинет вас на страницу с формой добавления вопроса.

Кто может задавать вопросы?

На нашем сайте вопросы смогут задавать все пользователи, чей рейтинг будет больше 0 баллов, то есть, даже только что зарегистрированные пользователи смогут задавать свои вопросы. Только имейте ввиду, что если ваш вопрос неоднократно обсуждался на сайте, то вас могут «заминусовать», за то, что вы не попробовали найти ответ через поиск. Поэтому, всем настоятельно советуется, перед тем, как задать вопрос, попробуйте найти ответ на него через поиск сайта, поле для поиска находится в колонке справа, рядом с кнопочкой "найти".

Решённые вопросы

Скриншот кнопки переноса вопроса в категорию «решённые».

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

Благодарность

Скриншот кнопки «Сказать спасибо».

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

Хлопья из курсора

admin — Mon, 09 Feb 2009 02:39:07 +0300

[CUT]В статье разбирается, как можно создать эффект появления снега или искр из курсора.[/CUT]

Вопрос:

Подскажите пожалуйста, как мне сделать курсор, из которого при движении мышки будут сыпаться хлопья (белые кружочки)…

Ответ:

Да не вопрос =) Всё, что нам нужно, так отслеживать движение мыши и через attachMovie() на сцену подключать нужные изображения “хлопьев”. Работаем =)

А как будет выглядеть снежинка?

Ну, для начала разберёмся, как у нас будет выглядеть сама снежинка. Скажу сразу, у меня снежинка сделана градиентной заливкой от полностью не прозрачного белого к полностью прозрачному. Для производительности компьютеров будет лучше не использовать прозрачность (свойство _alpha объектов в Flash) и сделать тупо белым кружочком, но ведь с прозрачностью красивее =) В общем смотрите сами, что больше будет подходить для ваших нужд. Кстати да, не забудьте, когда нарисуете снежинку, сделать из неё Movie Clip объект и “залинковать” его в библиотеке (Вкладка Library -> Щелчок правой кнопкой мышки -> Linkage).

Отлавливаем движение мышки через onMouseMove

В вопросе спрашивается, как можно сделать курсор, из которого при движении сыпались бы хлопья. Ключевая фраза, как вы наверно уже поняли, “при движении”. То есть нам нужно создавать новые экземпляры снежинок не каждый раз, а только при движении мышкой. К счастью, Flash даёт возможность отследить движение мышки, и сделать это можно с помощью события onMouseMove. Это событие срабатывает каждый раз, когда пользователь двигает мышкой, а назначается оно, так же, как и любые другие основные события Movie Clip объектов в Flash. Не верите — проверьте сами.

onMouseMove = function () {
        trace(”Mouse Move“);
}

Данный код каждый раз при движении мышки будет выводить в панель Output в Flash (F2) надпись “Mouse Move”.

Создаём клипы во время движения с помощью attachMovie

Следующим шагом мы просто “аттачим” экземпляры снежинок из библиотеки в _root и задаём им нужные свойства. Делается это с помощью метода attachMovie(), который подробно описан в статье про программное создание MovieClip объектов.

Вот и всё

Теперь смотрим на пример и качаем исходник. Если что-то будет не понятно, то задавайте свои вопросы в разделе «Вопрос-ответ».

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