Thí nghiệm màng xà phòng

Trước khi xem bài viết hướng dẫn thực hiện, Quí Thầy Cô và các bạn có thể xem bản demo bên dưới:

<< Sử dụng hàm Visible trong Flash 8
Bước 1: Mở 1 file flash. Tạo 4 layer: action, khungDay, mangXP, nut. Lưu file dưới tên TN_mangXP.fla.

Bước 2: Tạo khung dây bằng cách vẽ một đường tròn trên layer khungDay. Bạn cũng có thể tạo khung dây hình dạng tùy ý bạn như elip, hình vuông hay chữ nhật chẳng hạn.
Bước 3: Tạo màng xà phòng.

Đứng trên layer khungDay, dùng công cụ Fill Colour tô màu xanh nước biển cho đường tròn vừa vẽ trên. Click chuột phải vô hình tròn màu xanh vừa tạo, chọn Cut (hay có thể ấn Ctrl + X).
Đứng trên layer mangXP, click chuột phải chọn Paste (hay có thể ấn Ctrl+V).
Bây giờ ta đã có 1 hình tròn màu xanh, đánh 3 điểm tùy ý để làm dấu nơi buộc chỉ lên khung dây và kéo hình tròn về bên trái của Background. Ta có thể đổi chỗ của 2 layer khungDay và mangXP để mangXP nằm dưới khung dây.

Bây giờ ta tiếp tục chọn hình tròn đó, nhấn Ctrl+C và Ctrl+V để tạo ra một bản sao của nó, kéo bản sao qua bên phải của Background, ta sẽ làm việc trên bản sao này.
Dùng công cụ Pencil để vẽ những đường chỉ màu vàng bất kì chia hình tròn ra làm 3 phần. Sau đó chọn từng phần (chọn cả sợi chỉ) rồi click chuột phải vào nó, chọn Convert to Symbol. Tạo 1 button tên là m1.

Chỉnh button để các trạng thái Up, Over, Down, Hit đều chứa màng 1.
Đặt tên cho màng 1 là m1. Lưu ý, đây không phải là tên khi bạn tạo nút (highlight màu xanh chuối), tên này chỉ được sử dụng trong Library. Còn tên highlight màu vàng sẽ được sử dụng cho mã code.

Tiếp tục làm tương tự với các màng 2, màng 3. Sau đó, chọn cả 3 màng kéo vào giữa khung dây.

Tiếp tục tạo các bản sao của hình tròn màu xanh và các màng xà phòng 4,5,…,13 theo sơ đồ sau:

Sau đó chồng chập các màng xà phòng lên nhau cho tới khi đủ 13 màng.

Bước 4: Viết mã code.
Mở cửa sổ Actions (hay nhấn phím tắt F9) rồi nhập đoạn code sau:

m1._visible = 1;
m2._visible = 1;
m3._visible = 1;
m4._visible = 0;
m5._visible = 0;
m6._visible = 0;
m7._visible = 0;
m8._visible = 0;
m9._visible = 0;
m10._visible = 0;
m11._visible = 0;
m12._visible = 0;
m13._visible = 0;
m1.onRelease=function() {
m1._visible = 0;
m2._visible = 0;
m3._visible = 0;
m5._visible = 1;
m4._visible = 1;
}
m2.onRelease=function() {
m1._visible = 0;
m2._visible = 0;
m3._visible = 0;
m6._visible = 1;
m7._visible = 1;
}
m3.onRelease=function() {
m1._visible = 0;
m2._visible = 0;
m3._visible = 0;
m8._visible = 1;
m9._visible = 1;
}
m4.onRelease=function() {
m5._visible = 0;
m4._visible = 0;
m11._visible = 1;
}
m5.onRelease=function() {
m5._visible = 0;
m4._visible = 0;
m12._visible = 1;
}
m6.onRelease=function() {
m6._visible = 0;
m7._visible = 0;
m11._visible = 1;
}
m7.onRelease=function() {
m7._visible = 0;
m6._visible = 0;
m10._visible = 1;
}
m8.onRelease=function() {
m8._visible = 0;
m9._visible = 0;
m12._visible = 1;
}
m9.onRelease=function() {
m8._visible = 0;
m9._visible = 0;
m10._visible = 1;
}
m10.onRelease=function() {
m10._visible = 0;
m13._visible = 1;
}
m11.onRelease=function() {
m11._visible = 0;
m13._visible = 1;
}
m12.onRelease=function() {
m12._visible = 0;
m13._visible = 1;
}
m13.onRelease=function() {
m1._visible = 1;
m2._visible = 1;
m3._visible = 1;
m4._visible = 0;
m5._visible = 0;
m6._visible = 0;
m7._visible = 0;
m8._visible = 0;
m9._visible = 0;
m10._visible = 0;
m11._visible = 0;
m12._visible = 0;
m13._visible = 0;
}

Lưu ý: các đoạn code sau dấu “//” được qui ước như các ghi chú nhằm giải thích cho người đọc code, nên sẽ được máy tính tự động bỏ qua khi thực hiện code.
Đoạn code này thực sự chỉ dài nhưng không hề khó, chỉ cần có kiến thức về hàm ._visible là đủ và xây dựng theo sơ đồ ở trên. Bây giờ bạn đã có thể Ctrl + Enter để kiểm tra và thưởng thức tác phẩm của mình.