Thành viên trực tuyến

3 khách và 0 thành viên

Bài dạy Mĩ Thuật

Tài nguyên dạy học

Hỗ trợ trực tuyến

  • (Phan Quốc Tuấn)

Bách khoa toàn thư

Điều tra ý kiến

Bạn thấy trang web chúng tôi xây dựng như thế này có được không?
Đẹp
Bình thường
Đơn điệu
Ý kiến khác

Việt Hán Nôm 越漢喃

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Ảnh ngẫu nhiên

    Thu_quyen_ru.swf Down_on_the_farm__Bai_hat_thieu_nhi_tieng_Anh.swf Truyen_cay_tre_tram_dot41.swf Than_sat5.swf Su_tich_dua_hau3.swf Qua_tao15.swf Ngay_va_dem14.swf Ke_chuyen_Qua_bau_tien1.swf Hoa_mao_ga13.swf Gau_con_chia_qua12.swf Cu_cai_trang11.swf Co_be_quang_khan_do10.swf Chu_vit_xam9.swf Cao_tho_va_ga_trong7.swf Bac_gau6.swf Mauchuvietbangchuhoadung.png EmoiHN_PHO.swf Thiep_chuc_tet_tang_thay_Kieu.swf Thu_sau__XUAN_CA.swf

    TIN TỨC

    Tra cứu

    Diễn Đàn QA 1

    Tàng thư

    Facebook

    Gốc > Hướng dẫn Thưc hành Flash 8 >

    Tạo đồng hồ kim trong Flash

    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:

    clock

    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), min (phút), hour (giờ) và actions. Bạn có thể xem hình dưới đây là Timeline mẫu.

    flash1_03

    3. 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 dưới cùng trong phần Registration.

    5. Nhấn OK 

    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à “sec”. 

    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 Ctrl + L. 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ó vào vị 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ổ thuộc tính. 

    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à “hour” trong ô Instance. 

    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
    hours = 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 F5

    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. 
    nguôn   quann tri mang


    Nhắn tin cho tác giả
    Phan Quốc Tuấn @ 05:13 19/07/2009
    Số lượt xem: 2852
    Số lượt thích: 0 người
     
    Gửi ý kiến

    Thử code


    BẢNG THỬ CODE