Dieu Khien Mouse Trong MacroMedia Flash

Ðiều khiển Mouse trong MacroMedia FLASH

Bài viết sử dụng font Unicode

Phần 1

Ðể bắt đầu cho loạt bài viết về mouse trong MacroMedia Flash, tôi xin hướng dẫn về cách tạo con trỏ trong MacroMedia Flash, mục đích bài viết này để các bạn có thể tạo cho mình 1 con trỏ thật ngộ nghĩnh và lạ mắt. Khi sử dụng hầu hết các chương trình chúng ta đều bắt gặp những con trỏ đã quá quen và người dùng đã trở nên nhàm chán với nói, để thay đổi diện mạo cho nó thật là khó khi đưa vào web, các bạn có thể tạo được từ Java Applet hoặc Java Script và nhúng vào web, để làm được điều này bạn phải lập trình khá nhiều và phức tạp,... nhưng đối với MacroMedia Flash thì lại cực kỳ đơn giản. Bạn có thể ứng dụng vào web hoặc giả đưa vào Greeting Cards, games, chơi nhạc MP3,... đương nhiên là phải được tạo từ chính MacroMedia Flash. Không biết các bạn có nhìn thấy những sản phẩm của Flash chưa nhưng tôi đã thấy rất nhiều sản phẩm bao gồm: games (ca rô, đẩy banh, trò chơi gì mà có con màu vàng chạy chạy đi đớp mồi đó tôi cũng chẳng biết nó chơi ra là sao nữa!,...), thiệp điện tử (rất nhiều khắp các nước trên thế giới!), nhạc ( hiện ra cả 1 dàn máy nhiều tầng và nút nhấn để chơi nhạc MP3), máy tính (có hẳn 1 máy tính hiệu Casio đàng hoàng đó nghe!),....kể bao giờ mới hết được, bạn thử tưởng tượng trong 1 nước có khoảng vài trăm người thiết kế mà khắp thế giới thì hơi bị nhiều đó! hoặc là như anh bạn Muhammad Anisur Rahman người Bangladesh tạo 1 ứng dụng nhỏ từ Flash để giới thiệu về mình, nếu bạn thích có thể gửi mail cho anh bạn vui tính này thử xem: roseshurt@hotmail.com

Nãy giờ lo tán gẫu với các bạn tí cho vui thôi, bây giờ chúng ta cùng bắt tay vào công việc nào!

Chạy phần mềm MacroMedia Flash 5.0, bấm Ctrl + M chọn kích thước như sau: (550 x 250)px, màu gì thì tùy ý bạn thôi! click mouse trái chọn Line Tool (N) vẽ hình con trỏ như hình bên dưới:

Tiếp theo dùng mouse chọn hết hình con trỏ vừa vẽ, mở menu Insert chọn Creat Motion Tween vào Instance tại Behavior chọn Movie Clip, ở Name gõ vào Up.

Double click vào con trỏ này, click mouse trái vào dưới số 1 của thước vào Frame Actions chọn Stop(); (hoặc gõ vào), tiếp theo click mouse trái vào dưới số 2 của thước bấm F6, xóa hình con trỏ đi và vẽ vào dạng con trỏ như hình bên dưới:

Sau đó click mouse trái vào dưới số 2 của thước vào Frame Actions chọn Stop(); (hoặc gõ vào), tiếp theo click mouse phải vào Layer 1 chọn Insert Layer bạn sẽ được Layer 2, click mouse trái vào dưới số 1 dưới thước của Layer 2 bấm F6, bấm Ctrl + F(Frame) vào Label: gõ up (bạn sẽ thấy xuất hiện 1 cây cờ màu đỏ ngay bên dưới số 1 của thước ở Layer 2), tiếp theo click mouse trái vào dưới số 2 bên dưới thước của Layer 2, bấm Ctrl + F(Frame) vào Label: gõ down

Click mouse trái Scene 1 để trở ra. Click mouse trái vào biểu tượng con trỏ vừa vẽ vào Frame Actions nhập đoạn code như sau: (nếu không gõ được thì click mouse trái vào Frame Actions bấm Ctrl + E)

onClipEvent (load) {
Mouse.hide();
startDrag ("", true);
}
onClipEvent (mouseMove) {
_x = _root._xmouse;
_y = _root._ymouse;
updateAfterEvent();
}
onClipEvent (mouseDown) {
this.gotoandStop("down");
updateAfterEvent();
}
onClipEvent (mouseUp) {
this.gotoandStop("up");
updateAfterEvent();
}

Tiếp theo bạn hãy Click mouse phải vào Layer 1, chọn Insert Layer bạn sẽ được Layer 2 bấm chết mouse trái vào Layer 2 kéo Layer 2 xuống dưới Layer 1 và thả ra. Click mouse trái vào dưới số 1 của thước đồng thời chọn Line Tool (N) để vẽ như hình bên dưới:

Mở Menu Window vào Common Libraries chọn Buttons, lôi đại 1 nút nhấn nào đó ra thả vào, mở Frame Actions nhập vào đoạn code như sau:

on (release) {
setProperty ("cuoi", _x, "200");
// thuộc tính tập hợp ("cuoi" - sẽ xuất hiện khi click vào ở tọa độ "200");
}

Mở Menu Window vào Common Libraries chọn Graphics, bạn gắp đại con chuột (mouse) trong Libraries này ra thả bên ngoài (đáng lẽ tôi phải hướng dẫn các bạn tạo 1 khuôn mặt như bên trên nhưng xét thấy quá dễ nên cho qua, bạn cứ làm giống như tôi hướng dẫn sau khi xong bài viết này có thể quay lại bước này để thiết kế cho giống khuôn mặt như bên trên cũng được), mở Instance vào behavior chọn Movie Clip, tại Name gõ: cuoi.

Tương tự vậy bạn hãy vào Menu Window vào Common Libraries chọn Movie Clips, bạn hãy kéo và thả chiếc máy bay vào ô vuông vừa vẽ bằng Line Tool (N), mở Instance tại Name gõ: text. Double click vào chiếc máy bay này và xóa hết các đường biểu diễn của nó đi (click mouse phải vào các đường biểu diễn chọn Remove Frames là xong), vào Libraries kéo và thả vào đây 1 nút nhấn, double click vào nút nhấn này bạn hãy xóa hết các Up, Over, Down, Hit đi và thay vào như hình bên dưới:

Hay nói cho dễ hiểu hơn thay vì dùng nút nhấn Tôi thay bằng đoạn Text bên trên.

Sau cùng Click vào Scene 1 để trở ra. Bấm Ctrl + S để lưu lại và bấm F12 để nhúng thẳng vào web.

Ở ví dụ trên tôi có thêm một nút nhấn nữa là khi ấn vào sẽ biến mất "cuoi" thì tôi chỉ việc cho 1 câu lệnh giống như nút nhấn bên trên nhưng thêm vào - 200 tức là bay ra ngoài khỏi phần trình diễn trở về trang thái ban đầu sẵn sàng cho nút nhấn trên ấn để tiếp tục bay vào bên trong.

on (release) {
setProperty ("cuoi", _x, "-200");
}

sau khi làm xong bạn sẽ được như hình minh họa sau:

Vui lòng góp ý về bài viết này xin liên hệ:

Lê Quang Anh Hu'ng

135T3 Tran Van Dang Street, District 3, Ho Chi Minh City, Vietnam.

E-Mail: lehunghp@yahoo.com hoặc ahung@hcmpt.vnn.vn (khi gửi mail vui lòng đừng bỏ dấu Tiếng Việt)

Homepage: http://www.crosswinds.net/~lqahung/

Chúc Bạn & Gia Đình nhiều sức khỏe.

PcLeHoan 1996 - 2002
Mirror : http://www.pclehoan.com
Mirror : http://www.lehoanpc.net
Mirror : http://www.ktlehoan.com