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



You are here: Tutorials  Hiệu ứng Làm thác nước trong Flash

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

Email In PDF.
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.

Bình luận (46)Add Comment
0
...
được viết bởi diemhtn, Tháng tư 03, 2012
Bạn ơi! bạn ăn no nê rồi sao hog tính tiếp smilies/cheesy.gif
Bạn viết tut cho tụi mình học hỏi với nhé!
0
...
được viết bởi Thuy Trang, Tháng tư 03, 2012
Hix hix, hay quá, Em phải vọc ngay, thích thằng bé hét ra nước :X :X :X :X
0
...
được viết bởi daovanthanh, Tháng tư 03, 2012
Đây đúng là cao thủ vào hàng bậc nhất của làng Flash Việt Nam rồi ! Xin cảm ơn bạn nhiều nha ! Thế giới Flash quả là kỳ thú nhưng chúng tôi mới đang tập tễnh bước vào. Nếu bài viết của bạn có hướng dẫn cho Flash8 thì phù hợp với những người mới tập tành như chúng tôi.
Khi đổ nước từ cốc này sang cốc khác hoặc rót từ tách trà ra ly, dòng nước không giống thác nước. Vậy phải chỉnh những thông số nào vậy bạn ?
0
...
được viết bởi HDragon, Tháng tư 04, 2012
tuyệt quásmilies/grin.gif
0
...
được viết bởi daovanthanh, Tháng tư 04, 2012
Bạn nào có phần mềm Flash9 thì chia sẻ cho mình với hoặc biết địa chỉ tải thì chỉ cho mình với. Mình đang rất cần. Xin cảm ơn trước !
0
...
được viết bởi h£i, Tháng tư 04, 2012
Bạn lấy phần mềm làm Flash hay là Flash Player vậy smilies/shocked.gif
0
...
được viết bởi h£i, Tháng tư 04, 2012
Flash Player 9.0 thì đây nè bạn ơi: http://www.download.com.vn/dow...player.exe
0
...
được viết bởi daovanthanh, Tháng tư 05, 2012
Cảm ơn bạn đã hồi đáp ! Mình cần phần mềm để học và làm theo các bài hướng dẫn ở trang này.
0
...
được viết bởi h£i, Tháng tư 05, 2012
Đây là bản CS3: http://aloflash.com/forum/foru...tra=page=1
Bản mới nhất CS5 đây bạn: http://aloflash.com/forum/foru...tra=page=1

Thích bản nào thì download về nhé. Chúc vui vẻ. smilies/grin.gif
0
...
được viết bởi daovanthanh, Tháng tư 05, 2012
1) Thật cảm kích sự tận tình giúp đỡ của bạn ! Xin cảm ơn và cầu mong bạn cùng gia đình mạnh khoẻ, hạnh phúc, thành đạt !
2) "Được voi đòi tiên", phiền bạn nhiều mình cũng thấy ngại. Quả thật có một vần đề khó về chỉnh sửa code AS với mình. Mình có đưa vấn đề này lên địa chỉ dưới đây, nhưng cả chục ngày nay vẫn chưa có hồi đáp (có lẽ bó tay do nó là khó với GV Toán). Khi nào rảnh rỗi, nếu được xin cảm phiền bạn hoặc ai biết trợ giúp.
http://flash.violet.vn/present/show/entry_id/7290976/cm_id/2316675#2316675
0
...
được viết bởi huong lan, Tháng tư 06, 2012
không biết nói gì hơn, vì những điều bạn nói là mình đang cần
0
...
được viết bởi Trần Anh Tuấn, Tháng tư 06, 2012
Thật đúng là cao thủ Flash !
Xin cám ơn bài viết của bạn, nhưng Flash 9 thì mình chưa biết gì cả, nếu được, phiền bạn hãy làm tut này trong flash 8 nhé, để mình cùng mọi người học tập với ! Xin cám ơn bạn và chúc bạn cùng gia đình hạnh phúc, thành đạt !
0
...
được viết bởi daovanthanh, Tháng tư 06, 2012
Rằng mê thì thật là mê
Trang nguồn bị xoá, tải về sao đây ?
Cái khó cũng ló cái hay
Vã mồ hôi hột có ngay phần mềm.
Bạn ơi, địa chỉ mà bạn chỉ chúng tôi đến lấy CS3 đã bị xoá mất rồi, còn địa chỉ nào khác thì bạn chỉ giúp đi.
Mình vừa tải xong CS5, mất 2 tiếng đồng hồ. CS5 có dung lượng thật đồ sộ, chắc cũng hỗ trợ được cho AS3 phải không các bạn?
0
...
được viết bởi h£i, Tháng tư 06, 2012
Hi CS5 la ban moi nhat roi, Ban dung CS5 la OK nhat roi day, chuc vui ve.smilies/grin.gif
0
...
được viết bởi diemhtn, Tháng tư 20, 2012
Bạn trình bày rất dễ hiểu, viết code cũng rõ ràng nữa, thank bạn nhìu!
0
...
được viết bởi trang, Tháng năm 09, 2012
sao m lam khong duoc nhi
0
...
được viết bởi thủy, Tháng năm 25, 2012
chời ơi! quá siêu! quá đỉnh! quá tuyệt vời! chất khủng khiếp!!!!!!1
0
...
được viết bởi windnohome, Tháng sáu 01, 2012
ái dà ,hay quá là hay, tận tình quá đi,thiệt là nể phục ,nể phục cái tấm lòng của bạn,trân trọng cám ơn.
0
...
được viết bởi khach, Tháng sáu 07, 2012
Bạn ơi mình làm như bạn rồi nhưng xuất ra thì dòng thác một bên hình một bên. Bạn giúp mình với. Rất cám ơn
0
...
được viết bởi khach, Tháng sáu 07, 2012
Oh! Mình sửa dc rồi. thanks
0
...
được viết bởi jinyan, Tháng sáu 19, 2012
ctrl+enter kg thấy thác nc đâu sao giờ ạh smilies/cry.gifsmilies/cry.gif
0
...
được viết bởi thitruongnhadat, Tháng sáu 21, 2012
0
...
được viết bởi jinyan88, Tháng sáu 21, 2012
ầu-ye' tớ làm đc ùi.. tks bạn nhiều nhoa
0
...
được viết bởi oa, Tháng bảy 17, 2012
Bạn vằo trang web nầy để học nè, có nhiều mới lạ
www.swapvn.com
0
...
được viết bởi banhmiopla, Tháng tám 20, 2012
hi đẹp quá
0
...
được viết bởi banhmiopla, Tháng tám 20, 2012
hi đẹp quá
0
...
được viết bởi HHTIT, Tháng tám 24, 2012
Hay quas!
0
...
được viết bởi dinhhien, Tháng mười một 09, 2012
thanks!
nhieu nguoi tai wa.
0
...
được viết bởi BinhYenNhe92, Tháng mười một 16, 2012
bất ngờ wa
0
...
được viết bởi ngọc, Tháng mười hai 04, 2012
cho mình hỏi là làm sao để ngừng dòng thác khi qua scene khác. Vì mình thấy nó chạy từ scene này qua scene khác
Cam on cac ban
0
...
được viết bởi hehe, Tháng mười hai 05, 2012
Ở frame bạn muốn dừng thác nước thì bạn thêm đoạn code này:
waterfall.stopFlow();
0
...
được viết bởi mimi kute, Tháng mười hai 18, 2012
Thanks! Nhưng cho mình hỏi chỉnh góc độ cho nc chảy theo hướng mình thích là chỉnh ở thông số nào z bạn?
0
...
được viết bởi HoaBui, Tháng mười hai 27, 2012
Bạn ơi cho mình hỏi tại sao phải import com.flashandmath.dg.display.*; ?
Tại sao phải có thư mục com thì nó mới hiểu, nếu mình đổi tên một thư mục khác được không?
Khi mình đưa flash sang một máy khác cũng phải copy cả thư mục com theo hả bạn??
Rất mong sớm được bạn giải đáp.
0
...
được viết bởi thobeo, Tháng mười hai 28, 2012
Nếu bạn xuất ra file SWF rồi thì không cần thư mục đó nữa, nếu bạn làm trên file FLA thì cần phải có thư mục đó vì nếu không có thì nó không gọi code vào FLash được.
0
...
được viết bởi Le quoc viet, Tháng ba 12, 2013
Cho mình hỏi tí,sao mình làm y chan mà không chạy.
mình dùng macromedia flash professional 8.
nó báo
LinkedList.as: Line 1: Syntax error. và rất nhiều lỗi
0
...
được viết bởi tran thanh trung , Tháng sáu 07, 2013
rat hay smilies/cheesy.gif
0
...
được viết bởi Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. , Tháng sáu 22, 2013
Anh chị ơi,có ai làm đc rồi teamview giúp em với em ko làm đc nó cứ bão lỗi thôi( Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. )
0
...
được viết bởi ..., Tháng sáu 29, 2013
Cái này hình như phải dùng AS3 mới dùng đc :s smilies/shocked.gif
0
...
được viết bởi h0neyhoada0, Tháng bảy 11, 2013
tốc độ chảy của thác chỉnh ở chỗ nào thế a/s
0
...
được viết bởi Huỳnh Hân, Tháng tám 28, 2013
Cảm ơn bạn rất nhiêu!
0
...
được viết bởi Nguyễn Dư, Tháng mười một 09, 2013
Sao mình làm cho hướng thác nước quay ngược không được, pro nào làm được chỉ mình với, mình lấy số âm nhưng thác nước không có chảy lơn được.
0
...
được viết bởi Chu ech con, Tháng mười hai 29, 2013
Bạn ơi nhớ up nhiều cái khác nựa nha.Hay wásmilies/grin.gif
0
...
được viết bởi Thành, Tháng hai 24, 2014
Lỗi code dòng 1 hoài, giúp mình với.
var waterfall:Waterfall = new Waterfall(400,230,true)
Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
0
...
được viết bởi Phúc , Tháng chín 15, 2016
Tôi cần tuyển 2 người làm flash .
-Công việc gồm có
1 làm các control giới thiệu doanh nghiệp .
2 làm các đoạn phim nhỏ 1-2 phút
3 làm phim cho các câu truyện cổ tích

Lương : Nếu đạt yêu cầu 7 tr tháng đầu . Thử việc tuần đầu . không đạt chả 50% lương trong tuần đầu tiên .
Gmail: Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
DT:01689097083

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

busy