Làm thác nước trong Flash

In
Xem kết quả: / 30
Bình thườngTuyệt vời 

Chào các bạn, đã có rất nhiều người hỏi mình cách làm thác nước hay nước chảy ra từ vòi nước.

Thực tình nếu làm bằng Animation thì cũng rất OK nhưng khá là vất vả. Hôm nay mình xin giới thiệu với các bạn 1 cách làm khá đơn giản và hiệu quả với AS3. Hy vọng rằng nó sẽ giúp ích phần nào đến các bạn muốn có hiệu ứng này trong file của mình.

Đầu tiên chúng ta hãy chuẩn bị 1 bức ảnh để làm nền, nên chọn 1 bức có cảnh non núi và bạn thấy thác nước sẽ đổ ra từ khe núi chẳng hạn. Mình sẽ chọn tấm hình này cho bài tập:

Sau khi đã có tấm hình ưng ý chúng ta hãy bắt đầu.

Bước 1:

Tạo 1 File Flash mới chọn loại ActionScript 3.0

Bước 2:

Import bức ảnh mà bạn chọn vào trong flash bằng cách vào File > Import > Import to Stage... hoặc nhấn (Ctrl + R). Nếu bạn muốn căn bức hình vào giữa Stage (Vùng hiện thị làm việc) của Flash thì bạn mở bảng Align bằng cách vào Window > Align hoặc nhấn (Ctrl + K) và làm như hình dưới:

Bước 3:

Tạo 1 layer mới bằng cách nhấn vào icon như vùng khoanh tròn ở hình dưới:


 

Sau khi đã tạo mới 1 layer bạn hãy Click vào Frame đầu tiên trên layer này nhấn chuột phải chọn Action... hoặc ấn phím F9 để mở bảng ActionScript và chèn vào đoạn code sau:

//www.aloflash.com

import com.flashandmath.dg.display.*;

//điều chỉnh các tham số

var waterfall:Waterfall = new Waterfall(400,230,true); //400,230 tương ứng với độ rộng và độ cao của thác nước

        waterfall.x = 5; //Tọa độ X bắt đầu của thác nước

        waterfall.y = 90; //Tọa độ Y bắt đầu của thác nước

        stage.addChild(waterfall);
       
        waterfall.startFlow();

Bước 4:

Download File này ( Download com thác nước) về máy giải nén ra.

Bước 5:

Bây giờ bạn lưu file Flash đang làm cùng cấp với thư mục com mà bạn download lúc nãy về và giải nén.

Lưu ý: File Flash bạn phải lưu cùng cấp với thư mục com nhé. Tương tự như hình dưới:

Vậy là chúng ta đã có thác nước rồi. Bạn thử nhấn Ctrl + Enter xem sao?

Thác nước của chúng ta đang nằm không đúng vị trí mong muốn, giờ phải điều chỉnh nó to nhỏ, rộng hẹp, dài ngắn .... thì phải làm sao ?

Các bạn hãy vào thư mục com > flashandmath > dg > display ta sẽ thấy 2 file as bạn hãy mở file Waterfall.as lên nhé (tương tự như hình dưới).

Trong đây là toàn bộ tùy chỉnh, bạn nào thích mày mò, táy máy thì có thể nghịch các thông số khác. sẽ rất bất ngờ.

Trong file này mình đã ghi chú tất cả những đoạn code cần thiết để các bạn chỉnh sửa theo ý mình. Lưu ý khi các bạn muốn quay ngược chiều dòng thác (chảy từ phải qua trái) thì đoạn code trên bước 3 bạn để giá trị X (400,230,true ở đây X là 400) là giá trị âm nhé.

Đây là Demo mình làm với hình ảnh trên:

Rất thú vị phải không các bạn.

Chúc các bạn thành công và làm được nhiều điều thú vị với bài tập này.

Share