sitesaid.ru

На этой странице представлены примеры создания анимации во Flash Pro. Сценарии кадра ActionScript могут содержать два типа элементов. Первый - это набор команд, исполняемых при воспроизведении кадра ролика. Команды исполняются друг за другом, пока не будет достигнут конец сценария.

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

Скачайте исходник
Сохраните а затем распакуйте архив в вашу папку.Файл FLA открывайте в программе Adobe Flash Professional.

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

В данном примере используются только линии и точки. Откройте Adobe Flash Professional cs5. Затем в меню "Файл" - "Новый" и ActionScript 2.0.Установите размеры окна и фона.Установите цвет линии.Нажмите инструмент "Линия" и нарисуйте прямую под 45 градусов. Переведите ее в символ нажав правой кнопкой на линии и выбрав "Convert to Simbol".Элемент появится в Библиотеке и появится на временной линии Назовите ее "WireNoAnim" .

В этой программе все нарисованные вами элементы надо переводить в Символ.Также нарисуйте еще одну прямую потоньше ,она будет показываться при прокрутке сзади.Ее имя Wire.Надо нарисовать еще перпендикулярную линию ,назовите ее "Perpendicular".

Нарисуйте 2 круга немного меньше окна и наложите друг на друга.Нижний круг назовите "vertex" а нижний "Trailer". Осталось нарисовать элемент управления "TrailButton" в виде маленького круга.

Перетащите из библиотеки на поле разработки элемент "Trailer",затем откройте новый слой и переместите "WireNoAnim".Так же переместите "vertex" и "WireNoAnim".

Переименуйте во временной шкале слой
"Trailer" на MouseTrailer
"vertex" на Vertices
"WireNoAnim" на Wires.Откройте еще один слой и назовите его BG
Среда разработки приложения.

Во временной шкале должны быть следующие слои:

Переходим к програмной анимации на основе кода ActionScript. ActionScript - это язык программирования, используемый программой Adobe Flash Professional и подобными программами Flash.

Поместим сценарий ActionScript в ключевые кадры главной временной шкалы.Создайте новый слой и назовите Programm.Выделите ключевой кадр на временной шкале и нажмите F9. На экране появится диалоговое окно Actions - Frame (Действия - Кадр).

Напишите следующиий код

max=12; maxwire=130; fov=180; rotx=0; roty=0; // Sin & Cos tables cs = new Array(360); sn = new Array(360); for (i=-180; i<=180; i++) { cs[i+180]=Math.cos(i*Math.PI/180); sn[i+180]=Math.sin(i*Math.PI/180); } // Array of wires wire._visible=false; w = new Array(maxwire); for (n=1; n<=maxwire; n++) { wire.duplicateMovieClip("w" add n, n); w[n]=Eval("w" add n); } w[1].p1=1; w[1].p2=2; w[2].p1=2; w[2].p2=3; w[3].p1=1; w[3].p2=3; w[4].p1=1; w[4].p2=4; w[5].p1=3; w[5].p2=4; w[6].p1=1; w[6].p2=5; w[7].p1=4; w[7].p2=5; w[8].p1=1; w[8].p2=6; w[9].p1=5; w[9].p2=6; w[10].p1=2; w[10].p2=6; w[11].p1=2; w[11].p2=11; w[12].p1=11; w[12].p2=7; w[13].p1=2; w[13].p2=7; w[14].p1=3; w[14].p2=7; w[15].p1=7; w[15].p2=8; w[16].p1=3; w[16].p2=8; w[17].p1=4; w[17].p2=8; w[18].p1=4; w[18].p2=9; w[19].p1=8; w[19].p2=9; w[20].p1=5; w[20].p2=9; w[21].p1=5; w[21].p2=10; w[22].p1=9; w[22].p2=10; w[23].p1=6; w[23].p2=10; w[24].p1=6; w[24].p2=11; w[25].p1=10; w[25].p2=11; w[26].p1=12; w[26].p2=8; w[27].p1=12; w[27].p2=7; w[28].p1=12; w[28].p2=9; w[29].p1=12; w[29].p2=10; w[30].p1=12; w[30].p2=11; // Array of vertices vert._visible=false; v = new Array(max); sv = new Array(max); for (n=1; n<=max; n++) { vert.duplicateMovieClip("v" add n, n+maxwire) v[n]=Eval("v" add n); } v[1].px=0; v[1].py=0.4819; v[1].pz=50; v[2].px=44.7214; v[2].py=0.4819; v[2].pz=22.3607; v[3].px=13.8197; v[3].py=43.0145; v[3].pz=22.3607; v[4].px=-36.1803; v[4].py=26.7685; v[4].pz=22.3607; v[5].px=-36.1803; v[5].py=-25.8046; v[5].pz=22.3607; v[6].px=13.8197; v[6].py=-42.0506; v[6].pz=22.3607; v[7].px=36.1803; v[7].py=26.7685; v[7].pz=-22.3607; v[8].px=-13.8197; v[8].py=43.0145; v[8].pz=-22.3607; v[9].px=-44.7214; v[9].py=0.4819; v[9].pz=-22.3607; v[10].px=-13.8197; v[10].py=-42.0506; v[10].pz=-22.3607; v[11].px=36.1804; v[11].py=-25.8046; v[11].pz=-22.3607; v[12].px=0; v[12].py=0.4819; v[12].pz=-50; trail.startDrag(true);

Второй ключевой кадр слоя Program содержит следующий код ActionScript

for (n=1; n<=max; n++) { // Rotate Axis X tz=v[n].pz; ty=v[n].py; rotx2=int(rotx)+180; v[n].pz=tz*cs[rotx2]-ty*sn[rotx2]; v[n].py=ty*cs[rotx2]+tz*sn[rotx2]; // Rotate Axis Y tx=v[n].px; tz=v[n].pz; roty2=int(roty)+180; v[n].px=tx*cs[roty2]-tz*sn[roty2]; v[n].pz=tz*cs[roty2]+tx*sn[roty2]; // Draw vertices with (v[n]) { k=_root.fov/(_root.fov-pz); _x=200+px*k; _y=200-py*k; _xscale=100*k; _yscale=100*k; _alpha=200*k-150; } } for (n=1; n<=maxwire; n++) { // Draw wires w[n]._x=v[w[n].p1]._x; w[n]._y=v[w[n].p1]._y; w[n]._xscale=v[w[n].p2]._x-v[w[n].p1]._x; w[n]._yscale=v[w[n].p2]._y-v[w[n].p1]._y; w[n]._alpha=(v[w[n].p1]._alpha+v[w[n].p2]._alpha)/2; } if (pr) { rotx=(oldy-_ymouse)/2; roty=(oldx-_xmouse)/2; } else { rotx*=0.95; roty*=0.95; } oldx=_xmouse; oldy=_ymouse;

Третий ключевой кадр gotoAndPlay (2);
Нажмите на символ TrailButton правой кнопкой и в меню выберите пункт Action.
Напишите код:

on (press) { _root.pr=true; // _root.gotoAndPlay (2); } on (release) { _root.pr=false; }

Просмотрите анимацию в проигрывателе Flash нажав пункт меню "Control" ,далее "Test Move" ,далее "in Flash Professional". Для сохранения фильма в формате SWF нажмите "Экспорт" и сохраните фильм. Также можно сохранить ролик нажав меню "Файл" затем "Publish Setting" и поставьте галочки в нужных форматах,сохраните ОК.

Для сохранения проекта в формате FLA ,нажмите меню "File"(Файл), затем "Save Ass..."(Сохранить как...) ,выберите имя,папку и ОК.