|
Шаг 1
Создайте новый Flash документ.
Шаг 2
Нажмите Ctrl+J на клавиатуре(Свойства документа) и установите размеры вашего документа как вам нравится. В этой же панели выберите любой цвет фона. Установите частоту кадров 34 кадра в секунду и нажмите ОК.
Шаг 3
Нарисуйте, или импортируйте командой "Import",
три объекта во flash, которые вы будуте использовать в этом примере. Для этого урока я буду использовать 3 фотографии.
После того как вы поместили объекты на сцену, выберите каждый объект по очереди и нажмите F8 (Convert to Symbol) Чтобы сконвертировать объект в символ Movie Clip. Например:
После того как вы сконвертировали объект в символ Movie Clip, перейдите в панель свойств (Ctrl+F3) расположенную внизу экрана под сценой. С левой стороны вы найдёте поле Instance name.
Назовите ваш Movie Clip символ (объект) как вам хочется (естественно, латинскими буквами). Я назову свой Movie Clip символ "picture1_mc". Смотрите иллюстрацию ниже.
Проделайте то же самое для каждого объекта....
Шаг 4
Создайте новый слой над слоем 1 и назовите его "toolbar".
Шаг 5
Щелкните на слое toolbar и выберите инструмент "Прямоугольник" (Rectangle Tool) (R). В нижней части панели инструментов заблокируйте цвет обводки щелчком на иконке с карандашом и затем на маленьком квадратике с диагональной красной линией. Для цвета заливки
выберите любой цвет, в который будет окрашена ваша информационная панелька. Смотрите картинку
ниже.
Шаг 6
При выделенной информационной панельке (слой "toolbar", нажмите F8 (Convert to Symbol) чтобы конвертировать ее в символ Movie Clip, как показано на картинке ниже.
Шаг 7
Пока ваш созданный клип выделен , снова перейдите в панель свойств (Ctrl+F3). С левой стороны в строке Instance name введите имя toolbar_mc. Смотрите картинку ниже.
Шаг 8
Дважды щелкните на вашем клипе
(toolbar_mc) на сцене с помощью инструмента Selection
tool(V).Сейчас вы внутри клипа.
Шаг 9
После этого создайте новый слой над слоем первым слоем (layer 1) и назовите его dynamic content.
Шаг 10
Выделите слой dynamic content и
возьмите инструмент Text tool (T). Затем перейдите в панель
свойств(Ctrl+F3) под сценой, и установите слудующие параметры:
а) Выберите тип текста Dynamic Text.
б) Выберите шрифт Trebuchet MS.
в) Размер шрифта установиет равным 11.
г) Выберите любой цвет.
д) Сглаживание поставьте Anti - alias for readability.
Затем, создайте динамическое текстовое поле поверх вашей панельки.
Смотрите картинку ниже.
Затем снова перейдите в
панель свойств (Ctrl+F3) и в строке Instance Name наберите
"text". Смотрите картинку ниже.
Затем наберите в динамическом поле "toolbar", как показано на картинке ниже.
Шаг 11
Вернитесь снова на главную сцену (Scene 1).
Шаг 12
Затем переместите вашу информационную панельку куда нибудь за сцену. Смотрите картинку ниже.
Шаг 13
А сейчас мы будем писать код
ActionScript, для этого создайте новый слой над слоем toolbar и назовите его "action".
Шаг 14
Щелкните на первом кадре слоя "action" и перейдите в панель Action Script (F9). Затем скопируйте туда следующий код:
toolbar_mc._visible = false;
letter_width=8;
funk_toolbar_mc = function (flag, toolbar_mc_text) {
if (flag) {
createEmptyMovieClip("control", this.getNextHighestDepth());
toolbar_mc.text.text = toolbar_mc_text;
toolbar_mc._width =letter_width*toolbar_mc.text.text.length;
control.onEnterFrame = function() {
if ((_root._xmouse+toolbar_mc._width)>Stage.width) {
d_x =-10-toolbar_mc._width;
}
else {
d_x=10;
}
if ((_root._ymouse-toolbar_mc._height)<0) {
d_y =toolbar_mc._height;
}
else {
d_y=0;
}
toolbar_mc._x = _xmouse+d_x;
toolbar_mc._y = _ymouse+d_y;
toolbar_mc._visible = true;
}
} else {
toolbar_mc._visible = false;
delete control.onEnterFrame;
}
}
picture1_mc.onRollOver=function() {
_root.funk_toolbar_mc(true, "This is flowers");
}
picture1_mc.onRollOut=function() {
_root.funk_toolbar_mc(false);
}
picture2_mc.onRollOver=function() {
_root.funk_toolbar_mc(true, "This is sunset");
}
picture2_mc.onRollOut=function() {
_root.funk_toolbar_mc(false);
}
picture3_mc.onRollOver=function() {
_root.funk_toolbar_mc(true, "This is sea");
}
picture3_mc.onRollOut=function() {
_root.funk_toolbar_mc(false);
}
|
