AloFlash ! Cộng đồng flash Việt Nam



You are here: Tutorials  AS 1.0 - 2.0 Tạo mây bay ngẫu nhiên trong flash với AS2

Tạo mây bay ngẫu nhiên trong flash với AS2

Email In PDF.
Xem kết quả: / 3
Bình thườngTuyệt vời 

Nhìn cái này lại nghĩ ra cảnh Tôn Ngộ Không đang bay đi thỉnh kinh :D. Chúng ta  bắt đầu thôi nhỉ.

Bước 1:

Tạo 1 file tài liệu Flash mới Ctrl + N chọn loại Action Script 2.0. Bạn mở bảng Document Setting bằng cách nhấn Ctrl + J để điều chỉnh các thông số chiều rộng chiều cao và tốc độ Frame cho phù hợp với mong muốn của bạn.

Bước 2:

Sử dụng công cụ Rectangle Tool (R), vẽ một hình chữ nhật vừa với khung hiển thị của flash (ta sẽ làm nền cho flash này), như vùng mình khoanh tròn ở hình dưới, các bạn vẽ khung chữ nhật sau sẽ đánh thông số vào như vậy (tọa độ X và Y là để 0 và 0 và chiều rộng chiều cao bằng thông số tài liệu flash của bạn).

Bước 3:

Đổ màu cho nó bằng cách bạn mở bảng Swatches bằng cách vào Window > Swatches (Ctrl + F9), chọn loại Radial như hình dưới:

Sau đó bạn mở bảng Color bằng cách vào Window > Color (Shift + F9) thay màu đen bằng màu xanh da trời

Sử dụng công cụ Gradienl Transfrom Tool (F), Quay ngược dải Radial như hình dưới, (Giữ chuột vào phần mình đánh dấu tròn đỏ bạn sẽ kéo và xoay được dải Radial của hình).

OK vậy là xong cái nền, bạn nhớ khóa layer này lại nhé.

Bước 4:

Tạo 1 layer mới, ở layer này chúng ta sẽ vẽ mây.

Bạn nhấn Ctrl + phóng to hình để chúng ta dễ vẽ nhé, chọn màu Fill và màu trắng và Stroke và trong suốt, sử dụng công cụ Oval Tool (O), vẽ 2 vòng tròn đè lên nhau như hình:

Cứ thành hình đám mây là được còn các bạn có thể sáng tạo tùy ý muốn :D.

Bước 5:

Sử dụng công cụ Selection Tool (V), click vào hình đám mây vừa vẽ nhấn phím F8 để convert nó thành dạng Movie Clip. và đặt tên cho Clip này là: cloud

Bước 6:

Clip đúp vào movie Clip vừa tạo để vào bên trong, dùng công cụ Selection Tool (V) click chọn đám mây và lại Covert nó thành movie Clip bằng cách nhấn F8 chọn movie clip. Click vào frame thứ 40 nhấn phím F6 để chèn thêm Keyframe, sử dụng công cụ Free Transfrom Tool (Q) kéo to đám mây ra và kéo nó di chuyển chéo lên bên trái (như thể đám mây sẽ bay từ thấp lên cao).

Quay lại frame 1, hoặc click vào frame 1, bạn sử dụng công cụ Selection Tool (V), click vào hình đám mây, ở bảng bên phải bạn chọn phần Color Effect, loại Alpha như hình:

Thiết đặt thông số cho Alpha là 0%

Bước 7:

Click vào bất cứ nơi nào giữa frame 1 và frame 40 chọn Create Classic Tween.

Bước 8:

Tạo 1 layer mới, Click vào frame thứ 40 trên layer vừa tạo này nhấn phím F6 để chèn vào KeyFrame, nhấn tiếp F8 để mở bảng ActionScript chèn vào đoạn code sau:

stop();

Ta được như hình:

OK ta đã hoàn thành xong công đoạn làm mây.

Bước 9:

Thoát ra Scene đầu tiên. bằng cách nhấn vào 1 trong những điểm mình khoanh tròn trong hình:

Bước 10:

Ta đã ra Scene đầu tiên, lần lượt click vào frame thứ 3 trên 2 layer 1 và 2 nhấn F5, rồi tạo 1 layer mới, Click lần lượt vào frame 1, 2 và 3 trên layer này nhấn phím F6. Ta sẽ được như hình dưới: (Layer 1 là layer nền, layer 2 là layer đám mây, layer 3 mới tạo chúng ta sẽ chèn code cho 3 frame).

Bước 11:

Click vào frame 1 trên layer 3 nhấn phím F9 mở bảng Action Script và chèn vào đoạn code sau:

i = 0;
num_max = 20;

Trong đó i là số đám mây sẽ được nhân ra. Sau đó bạn nhấn F9 để tắt bảng ActionScript đi.

Tiếp tục Click vào frame thứ 2 trên layer 3 nhấn phím F9 để mở bảng ActionScript và chèn vào đoạn code sau:

++i;
if (i < num_max)
{
    duplicateMovieClip("cloud", "cloud" + i, i + 1889);
}
else
{
    stop ();
}

Sau đó bạn nhấn F9 để tắt bảng ActionScript đi.

Tiếp tục Click vào frame thứ 3 trên layer 3 nhấn phím F9 để mở bảng ActionScript và chèn vào đoạn code sau:

gotoAndPlay(2);

Bước 12:

Sử dụng công cụ Selection Tool (V), click vào Movie Clip đám mây nhấn phím F9 và chèn vào đoạn code sau:

onClipEvent (load)
{
    scale = random(60) + 10;
    setProperty("", _yscale, scale);
    setProperty("", _xscale, scale);
    setProperty("", _alpha, random(40) + 60);
    xspeed = scale / 20;
    setProperty("", _y, random(320) + 50);
    setProperty("", _x, random(450) + 100);
}
onClipEvent (enterFrame)
{
    setProperty("", _x, _x - xspeed);
    if (_x < -100)
    {
        setProperty("", _x, random(450) + 100);
        this.gotoAndPlay(1);
    } // end if
}

Trong đó:

setProperty("", _y, random(320) + 50);
setProperty("", _x, random(450) + 100);
 
450320 là kích thước chiều rộng và chiều cao của file flash, file flash của bạn có kích thước bao nhiêu thì bạn thay lại cho phù hợp nhé.
 
OK vậy là ta đã hoàn thành bài tập này rồi, bạn thử nhấn Ctrl + Enter xem sao, mây bay vèo vèo ấy nhỉ. Thích mây bay nhanh hơn thì bạn Cho tốc độ Frame tăng lên nhé.

Chúc các bạn thành công.

aloflash.com

Download

Bình luận (2)Add Comment
0
...
được viết bởi thanh tu, Tháng mười 31, 2010
thanks a trcsmilies/cheesy.gif
0
...
được viết bởi nguyenhailogo, Tháng một 20, 2011
làm chim bay đi bay đi, đập cánh về nơi tổ ấm

Viết bình luận
nhỏ hơn | lớn hơn

busy