• Авторизация


Урок. Sothink SWF Quicker 5.0 24-10-2011 19:08 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок. Sothink SWF Quicker 5.0 | Нэллочка - Дневник Нэллочка | Лента друзей Нэллочка / Полная версия Добавить в друзья Страницы: раньше»