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



You are here: Tutorials  AS 1.0 - 2.0 Tạo chữ chạy theo chuột AS2

Tạo chữ chạy theo chuột AS2

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

Hi, chào các bạn mình xin hướng dẫn các bạn làm hiệu ứng chữ bay theo chuột nhé, khi nào rảnh mình sẽ làm luôn tut quả tạ bay theo chuột dạng dây chun. :D

Chúng ta bắt tay vào 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 nhé.

Bước 2: 

Sử dụng công cụ Text Tool (T) chọn loại Dynamic Text tùy theo file flash của bạn mà chọn màu text cho phù hợp ví dụ như hình dưới là mình cọn màu đỏ rồi click vào phần hiển thị của flash như hình:

Bạn thấy cái hình vuông nhỏ mình khoanh tròn ở hình trên không, bạn nháy đúp vào đó nhé, cái phần text nó sẽ được như hình dưới này:

Nó đã chuyển thành hình tròn và vùng text đã ngắn đi.

Giờ bạn đặt tên cho text này là _txt như hình dưới:

Thế là ta xong công đoạn tạo phần để gọi text vào.

Bước 3:

Bạn sử dụng công cụ Selection Tool (V) click vào text vừa tạo rồi nhấn F8 để Convert nó thành dạng MovieClip nhé. Rồi đặt tên cho MovieClip này là: _mc nhé, như hình dưới:

Chúng ta đã xong giai đoạn thiết kế, giờ đến phần code.

Bước 4:

Tạo 1 layer mới Click vào frame đầu tiên ở layer mới này, nhấn phím F9 để mở bảng ActionScript và nhập vào đoạn code sau:

 

function mcxy(_mc, a, b)
{
    _mc.vx = _mc.vx + (a - _mc._x) * 5.000000E-001;
    _mc.vy = _mc.vy + (b - _mc._y) * 5.000000E-001;
    _mc.vx = _mc.vx * 5.000000E-001;
    _mc.vy = _mc.vy * 5.000000E-001;
    _mc.vx = _mc.vx + 4;
    _mc._x = _mc._x + _mc.vx;
    _mc._y = _mc._y + _mc.vy;
} // End of the function
txt_array = ["a", "l", "o", "f", "l", "a", "s", "h"];
for (j = 0; j < 8; j++)
{
    _mc.duplicateMovieClip("_mc" + j, j + 100);
    this["_mc" + j]._txt.text = txt_array[j];
    this["_mc" + j]._txt.autoSize = true;
    this["_mc" + j]._txt.selectable = false;
    this["_mc" + j].vx = this["_mc" + j].vy = 0;
} // end of for
onEnterFrame = function ()
{
    mcxy(_mc0, _xmouse, _ymouse);
    for (j = 1; j < 8; j++)
    {
        mcxy(this["_mc" + j], this["_mc" + (j - 1)]._x, this["_mc" + (j - 1)]._y);
    } // end of for
};

Trong đó bạn chú ý những phần này:

txt_array = ["a", "l", "o", "f", "l", "a", "s", "h"]; Bạn muốn hiển thị text nào thì bạn thêm trong dấu ngoặc [ ] nhé, như mình chọn là chữ aloflash, mỗi ký tự sẽ nằm trong dấu ngoặc kép và phân cách nhau bởi dấu phẩy. Bạn hãy đến số ký tự, ở đây ta có 8 ký tự.

Thì tương ứng trong phần vòng lặp for bạn đặt giá trị phù hợp:

for (j = 0; j < 8; j++) ý nghĩa của nó là j: số ký tự ở đây j=0; j<8 nghĩa là từ 0 đến 8 sẽ có 8 ký tự (nôm na là vậy của bạn là 9 ký tự thì thay j<9; nhé).

Ok như vậy là ta đã hoàn thành bài tập này rồi. 

Kết quả:

Giờ còn chần chừ gì mà không nhấn Ctrl + Enter xem kết quả của bạn.

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

aloflash.com

Download

Bình luận (27)Add Comment
0
...
được viết bởi anhtuan, Tháng mười một 28, 2010
anh oi. anh day em cach lam hieu ung no? to` giay nhu the kia di smilies/cheesy.gif
0
...
được viết bởi aloflash, Tháng mười một 29, 2010
OK bạn, thạt ra đây là những hiệu ứng có thể áp dụng luôn trong các file flash, mình sẽ tổng hợp chúng và hướng dẫn mọi người cách sử dụng những hiệu ứng này. smilies/cheesy.gif
0
...
được viết bởi anhtuan, Tháng mười một 29, 2010
thank anh nhieu nhieu nha !smilies/kiss.gif
0
...
được viết bởi tony hoang, Tháng mười hai 11, 2010
thanks nhiu
0
...
được viết bởi Chemchep, Tháng mười hai 25, 2010
Thanks admin nhieu!
0
...
được viết bởi Chemchep, Tháng mười hai 25, 2010
Admin cho mình hỏi chút nha!
Mình lam giong nhu Tut cua admin ma sao khi Ctrl+Enter Output xuất hiện dòng chữ Fonts should be embedded for any text that may be edited at runtime, other than text with the "Use Device Fonts" setting. Use the Text > Font Embedding command to embed fonts la sao vậy bạn? Cách khăc phục như thế nào vậy bạn? Mình xài Flash CS5.
Thanks admin!
0
...
được viết bởi aloflash, Tháng mười hai 31, 2010
Bạn dùng font chữ gì vậy, bạn dùng chữ thường nhé, nếu dừng chữ có đấu thì phải Embed font vào trong flash, để nó có thể gọi ra cho bạn, bạn thử dùng Arial xem nhé.

Chúc vui vẻ.
0
...
được viết bởi hi, Tháng hai 09, 2011
anh ơi xem em sao bài nay em làm lại hiện như thế này
0
...
được viết bởi Lê H?ng Thái, Tháng tư 15, 2011
A có thể cho e xin code chữ chạy sau chuoootj luôn hông vì e k biết cách tạo. Cám ơn a nhiều
0
...
được viết bởi minh nguyen, Tháng năm 19, 2011
ban dung phan mem nao the
cho minh biet duoc ko
0
...
được viết bởi love-honey, Tháng bảy 14, 2011
Code ở phần download kìa bạn, bạn phải cài trình duyệt flash mới đọc được file code này. smilies/grin.gif
0
...
được viết bởi chip, Tháng mười 27, 2011
coi đek hỉu j cảsmilies/angry.gif
0
...
được viết bởi son, Tháng mười một 15, 2011
anh ơi, em làm thì nó ko ra được hết chữ là thế nào nhỉ, nó chỉ ra được một nửa chữ!
0
...
được viết bởi kiều anh, Tháng một 06, 2012
Admin cho mình hỏi : Các thao tác mình làm i hệt k khác j tuy nhiên lúc chạy thì k ra j hết. Dùng acscipt 2.0, bản Cs3 T_T
0
...
được viết bởi kiều anh, Tháng một 09, 2012
thêm nữa là mình sử dụng 10 chữ.. đã thay đổi vòng lặp for < 10 hiện ra đủ chữ nhưng chữ nào cũng bị vạt mất một góc
0
...
được viết bởi Phong, Tháng ba 10, 2012
Sao nhà mình có phần mềm photoshop cs4 mà mở chương trình Action Script 2.0 không đc, mong quản trị giúp đỡ.
0
...
được viết bởi chimse, Tháng ba 17, 2012
minh chua cai thu,nhung cho hoi la chi chu chay trong aloflash thoi ah . chay tren man hinh hinh desktop co dc k ban ,cam on ban nhieu
0
...
được viết bởi bunb0, Tháng tư 04, 2012
hehe ! thanks! smilies/kiss.gif
0
...
được viết bởi John Trương, Tháng năm 21, 2012
admin có thể giải thích cặn kẽ hơn được không mình dở Tin học lắm
0
...
được viết bởi hiền, Tháng sáu 29, 2013
e làm và ctrl+enter ko ra một cái gì hết là sao ak
hix
0
...
được viết bởi Kendo, Tháng tám 16, 2013
Cho mình hỏi .. mình đang làm bài Flash theo As3
có cách nào để tạo chữ chạy theo chuột bằng As3 ko bạn smilies/grin.gif

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

busy