Macromedia Flash - Tạo đồng hồ kim trong FlashChào mừng các bạn đã truy cập website của thầy giáo Phạm Văn Hiệu Trân trọng giới thiệu Giáo trình tin học Đ/C nhà riêng : Trúc Lâm - Hoà
Trang 1Macromedia Flash - Tạo đồng hồ kim trong Flash
Chào mừng các bạn đã truy cập website của thầy giáo
Phạm Văn Hiệu
Trân trọng giới thiệu
Giáo trình tin học
Đ/C nhà riêng : Trúc Lâm - Hoàng Diệu - Gia Lộc - Hải Dơng
Đ/C cơ quan: Trờng THCS Hồng Hng - Gia Lộc - Hải Dơng
Trang 2Nickname: to_hieu2000 - Email: quanghieu030778@googlemail.com
Mobile: 0166 886 5196 - Tel: 03203 711 138
http://violet.vn/quanghieu030778/
Bài này sẽ hướng dẫn bạn cách tạo một chiếc đồng hồ hoạt động thực bằng cách sử dụng các hiệu ứng của Flash
1 Tạo một hình đòng hồ theo ý thích của bạn Có thể vẽ nó trên Photoshop sau đó import nó vào flash hoặc vẽ trực tiếp trên flash Bạn có thể lấy hình đồng hồ sau:
2 Tạo 5 layer trên phần Timeline, tên của chúng lần lượt tương ứng là: sec (giây),
hour (giờ) và actions Bạn có thể xem hình dưới đây là Timeline mẫu.
Trang 33.Chèn vào thiết kế đồng hồ nền mà bạn đã tạo sẵn
4 Vẽ một đường kẻ dọc trong layer sec Chọn dòng kẻ đó và nhấn F8 để chuyển nó sang dạng Symbol Đặt tên cho Symbol này là sec_mc, chọn Movie clip và chọn ô vuông giữa
6 Trong layer sec, đặt sec_mc vào vị trí tương ứng so với ảnh nền đồng hồ bạn đã thiết kế Đặt tên của layer sec trong phần Instance của cửa sổ thuộc tính Properties là “
7 Kéo sec_mc từ cửa sổ Library vào layer min Nếu cửa sổ Library không mở, nhấn
Giảm bớt chiều dài của sec_mc trong phần này đi (để tương ứng với kim phút) Đặt nó
trí tương ứng với ảnh nền đồng hồ Đặt tên layer này là “min” trong phần Instance của cửa sổ
8 Tiếp tục kéo sec_mc vào layer hour từ cửa sổ Library đã mở Lại giảm chiều dài của kim đi
cho tương ứng với kim giờ Đặt nó vào vị trí tương ứng so với ảnh nền đồng hồ Đặt tên nó là
9 Chọn layer actions, vào phần Action Script (F9) và đưa vào đoạn mã sau:
time=new Date(); // time object seconds = time.getSeconds() minutes = time.getMinutes() hours = time.getHours()
hours = hours + (minutes/60);
seconds = seconds*6; // calculating seconds minutes = minutes*6; // calculating minutes
Trang 4hours = hours*30; // calculating hours
sec._rotation=seconds; // giving rotation property min._rotation=minutes; // giving rotation property hour._rotation=hours; // giving rotation property
10 Vào frame thứ 2 của từng layer và nhấn phím
Kết quả đồng hồ của bạn có chạy không, hãy thử nhấn Ctrl + Enter xem sao Ngoài ra bạn có
thể tự chế các kim sao cho phù hợp không nhất thiết là phải lấy kim từ sec_mc
Theo TH - HT