Это цитата сообщения
MissKcu Оригинальное сообщение
В этом уроке мы научимся создавать в программе Sothink SWF Quicker информационную панельку над любым объектом с использованием кода Action Script . То есть при подведении курсора к какому-либо изображению, в отдельном небольшом окошке, будет отображаться информация о том, что это.
Нам потребуются четыре изображения чего-либо. Я импортировал в библиотеку четыре изображения с музыкальными инструментами.
1. Открываем новый документ, и устанавливаем размеры сцены по умолчанию, 400 на 300 пикселей (можно любые другие), и Frame Rate равным 30. Если Вы будете использовать другие изображения и размеры сцены – ничего страшного в этом нет. Так как урок довольно простой, и я уверен, что Вы прекрасно соориентируетесь.
2. Создадим в основной сцене сразу 6 слоев.
Для лучшего ориентирования, я назвал слои, по названиям инструментов, изображения которых будут использоваться в уроке.
3. Импортируем в библиотеку четыре изображения в формате jpg.
для этого выбираем в меню файл Import to Library.
4. Из каждого изображения создадим графический символ. Для этого нажимаем Ctrl +F8, и выбираем Graphics.
5. Конвертируем полученные графические символы в мувиклипы. Для этого щелкните по символу правой кнопкой мыши, и из списка выберите Convert to Symbol. Откроется такое окно, как на рисунке ниже:
Таким образом из четырех изображений мы получим 4 мувиклипа.
6. Теперь поместим каждый из них на рабочее поле. Каждый в отдельный слой, и присвоим им имена. Соответственно cart1_mc, cart2_mc, cart3_mc, cart4_mc. Смотри рисунок:
7. Создадим графический символ, который будем использовать в качестве указателя. Выберем инструмент «Прямоугольник с закругленными углами» (D)
8. На панели Shape зададим такие параметры:
То есть, цвет контура выбираем синий, с толщиной контура 1,25. Цвет заливки – желтый, с прозрачностью (альфа) 30 %. Вы можете поэкспериментировать самостоятельно с этими параметрами, в зависимости от цвета изображений, которые будете использовать. Ничего сложного в этом нет. Выглядеть это должно примерно так:
9. Создайте новый мувиклип, и в первый кадр первого слоя поместите созданный в предыдущем шаге графический символ.
10. Добавьте в этом же окне редактирования мувиклипа новый слой. В первом кадре нового слоя выберите инструмент «Текст» (T), и напишите к примеру: pointer. Переместите текст примерно так, как на рисунке ниже. Вот как выглядит временная шкала и наш клип:
11. Возвращаемся в основную сцену, и помещаем созданный нами в предыдущем шаге мувиклип вне пределов рабочего поля, в первый кадр слоя с названием «инфо панелька»
12. На панели свойств присваиваем ему имя:
13. Переходим в слой Action Layer, и в первом кадре вставляем на панели Action такой код:
pointer_mc._visible = false;
letter_width = 9;
funk_pointer_mc = function (flag, pointer_mc_text)
{
if (flag)
{
createEmptyMovieClip("control", this.getNextHighestDepth());
pointer_mc.text.text = pointer_mc_text;
pointer_mc._width = letter_width * pointer_mc.text.text.length;
control.onEnterFrame = function ()
{
d_x = 10;
d_y = 0;
pointer_mc._x = _xmouse + d_x;
pointer_mc._y = _ymouse + d_y;
pointer_mc._visible = true;
};
}
else
{
tpointer_mc._visible = false;
delete control.onEnterFrame;
} // end else if
};
cart1_mc.onRollOver = function ()
{
_root.funk_pointer_mc(true, "Аккордеон ");
};
cart1_mc.onRollOut = function ()
{
_root.funk_pointer_mc(false);
};
cart2_mc.onRollOver = function ()
{
_root.funk_pointer_mc(true, "Барабан ");
};
cart2_mc.onRollOut = function ()
{
_root.funk_pointer_mc(false);
};
cart3_mc.onRollOver = function ()
{
_root.funk_pointer_mc(true, "Скрипка ");
};
cart3_mc.onRollOut = function ()
{
_root.funk_pointer_mc(false);
};
cart4_mc.onRollOver = function ()
{
_root.funk_pointer_mc(true, "Гармошка");
};
cart4_mc.onRollOut = function ()
{
_root.funk_pointer_mc(false);
};
|
14. Нажимаем Ctrl + Enter, и тестипуем полученный нами клип.
ВСЕ эти уроки я взяла с сайта
http://sothinker.ru