Movie Clip Trail Effect

In this tutorial, you’ll learn how to create a trail effect. The effect is quite easily accomplished and it’s very easy to modify the code to create different trail effects. Let’s get started to create this Flash CS3 movie!

Setting up the environment

1. Create a new Flash ActionScript 3.0 document of size 300×300.

2. Draw a circle of size 30×30 (you can choose the colors as you like).

3. Convert the circle into a movie clip (name doesn’t matter, registration point in the center).

4. Give the ball an instance name of “ball”.

5. Linkage the ball movie clip to a class called “Ball”.

6. Leave the ball on the stage (position doesn’t matter).

more…

Динамическая тень

Добрый день! Похожий эффект встречается в главном меню игры “Populous “. Как только я его увидел, мне сразу же стало любопытно, как он будет выглядеть на флеш. Но в то время мои скудные познания AS3 не позволяли его сделать. И вот, наконец-то, хочу предложить свой способ создания эффекта «Динамическая тень». Так же хочу заметить, что это мой первый урок по программированию.

Давайте приступим.
1) Для начала надо придумать объект, который будет отбрасывать тень. В моих уроках обычно это текст «easyflash.org». Этот текст переконвертирован в MovieClip. Instance name это клипа – “text_mc” . (Без кавычек ) Так же, к этому клипу добавлен Фильтр Bevel. Но это уже по вкусу.

2) Еще надо создать саму тень. Это можно сделать несколькими способами. Я просто продублировал символ в библиотеке и изменил в нем цвет текста на темно-серый. После этого добавьте клип из библиотеки на сцену в любое место. Лучше создать новый слой с тенью и расположить его под слоем с текстом. Это нужно для того, что бы тень не была над текстом. К этому клипу я добавил легкое размытие (Фильтр Blur) для большей реалистичности. Instance name – “shadow_mc”

3) Для красоты можно добавить в ролик источник света. В моем варианте это что-то похожее на зажигалку. Но я сильно не заморачивался над этим. Instance name – “light”.

more…

1 урок

Предлагаем уроки как с использованием ActionScript 3.0 так и простые анимационные эффекты.

Источник: http://tutorials.flashmymind.com/2009/02/a…-3-drawing-api/

В этом уроке Вы научитесь с помощью ActionScript 3.0 создавать анимацию рисования линии, окружности и волны.

Начнем с кода для анимации рисования простой линии. Создаем новый *.fla документ и в первом кадре пишем следующий

Код:

 

//Скорости анимации по осям х и у.
var xspeed:Number = 2;
var yspeed:Number = -2;
//Координаты покадрового рисования.
var xpos:Number = 0;
var ypos:Number = stage.stageHeight;
//Задаем стиль линии: толщина 2 пикселя, цвет "красный".
graphics.lineStyle(2, 0xff0000);
//Задаем начальную позицию рисования.;
graphics.moveTo(0, stage.stageHeight);
//Назначаем слушатель на событие смены кадра.;
addEventListener(Event.ENTER_FRAME, onEnterFrame);

//Эта функция выполняется каждый кадр и рисует линию.
function onEnterFrame(event:Event):void
{
 //Задаем координаты следующей точки.
 xpos +=  xspeed;
 ypos +=  yspeed;
 //Рисуем линию до следующей точки.
 graphics.lineTo(xpos, ypos);
}

more…

Category: Actionscript  4 Comments  Tags: