Tạo đồng hồ kim
Chia sẻ bởi Nguyễn Hoàng |
Ngày 29/04/2019 |
53
Chia sẻ tài liệu: Tạo đồng hồ kim thuộc Bài giảng khác
Nội dung tài liệu:
Tạo đồng hồ có 3 kim giờ, phút, giây.
Tự bạn có thể thiết kế 1 chiếc đồng hồ kim, có giao diện hình nền là một tấm hình ấn tượng hay tấm hình có nhiều ý nghĩa với riêng bạn hay có thể là một biểu tượng… Yêu cầu từ phiên bản Flash7 trở lên ( AS2)
Các bước thực hiện:
Trước hết Tạo một mẫu nền cho các đồng hồ của bạn, Bạn có thể vẽ nó trong Flash hoặc photoshop và sau đó đưa vào thư viện của tập tin mới.
Sau đó, trong của sổ Timeline tạo đủ 5 Layers đặt tên lần lượt : interface, sec, min, hour and actions tương tự với hình dưới.
Tại Layer interface:Nhập hình nền ( mẫu) đồng hồ của bạn vào giao diện nếu bạn đã tạo ở bên ngoài flash. nhấn Ctrl + K và bấm chọn như hình bên để canh chỉnh vào giữa.
Trong layer “sec” : Vẽ một đoạn làm kim, chọn nó và nhấn F8 để chuyển đổi nó thành movieclip. Đặt tên ( name): sec_mc, tại Registration: chọn vị trí ô dưới nằm giữa.
Bấm OK
Trong layer sec , đặt sec_mc ở tại trung tâm vùng thiết kế đồng hồ của bạn bằng cách nhấn Ctrl + K và bấm chọn như hình bên.
Trong bảng propertiers đặt tên cho nó là "sec" trong ô Instance. Đến đây kim giây xem như đã xong.
Bây giờ chuyển lên layer min tạo kim phút: bấm (Ctrl + L)vào thư viện, kéo sec_mc vào Layer min. Giảm chiều cao sec_mc để ngắn hơn so kim giây. Canh chỉnh nó như ở bước 5để vào vị trí trung tâm và đặt lại tên vào Insatnce là "min". Điều này sẽ được làm bạn của kim phút.
Tương tự, Ở Layer hours ta kéo sec_mc từ thư viện vào. Giảm chiều cao của nó, ngắn hơn kim phút. Canh chỉnh về trung tâm vùng thiết kế đồng hồ của bạn.. trong ô văn bản Instance đặt tên nó là "hours". Lúc này ta đã có kim giờ.
Tại Layer actions. ở frame1- nhấp F9 để mở bảng điều khiển actions.
Sao chép và dán mã dưới đây vào bảng điều khiển actions:
time=new Date();
seconds = time.getSeconds()
minutes = time.getMinutes()
hours = time.getHours()
hours = hours + (minutes/60);
seconds = seconds*6;
minutes = minutes*6;
hours = hours*30;
sec._rotation=seconds;
min._rotation=minutes;
hour._rotation=hours;
Bây giờ hãy đặt chuột trên Frame thứ hai của mỗi layer và bấm phím F5 để chèn khung mới.
Lúc này đồng hồ của bạn đã sẵn sàng hoạt động. Nhấn Ctrl + Enter để kiểm tra kết quả.
Tải ví dụ
Tự bạn có thể thiết kế 1 chiếc đồng hồ kim, có giao diện hình nền là một tấm hình ấn tượng hay tấm hình có nhiều ý nghĩa với riêng bạn hay có thể là một biểu tượng… Yêu cầu từ phiên bản Flash7 trở lên ( AS2)
Các bước thực hiện:
Trước hết Tạo một mẫu nền cho các đồng hồ của bạn, Bạn có thể vẽ nó trong Flash hoặc photoshop và sau đó đưa vào thư viện của tập tin mới.
Sau đó, trong của sổ Timeline tạo đủ 5 Layers đặt tên lần lượt : interface, sec, min, hour and actions tương tự với hình dưới.
Tại Layer interface:Nhập hình nền ( mẫu) đồng hồ của bạn vào giao diện nếu bạn đã tạo ở bên ngoài flash. nhấn Ctrl + K và bấm chọn như hình bên để canh chỉnh vào giữa.
Trong layer “sec” : Vẽ một đoạn làm kim, chọn nó và nhấn F8 để chuyển đổi nó thành movieclip. Đặt tên ( name): sec_mc, tại Registration: chọn vị trí ô dưới nằm giữa.
Bấm OK
Trong layer sec , đặt sec_mc ở tại trung tâm vùng thiết kế đồng hồ của bạn bằng cách nhấn Ctrl + K và bấm chọn như hình bên.
Trong bảng propertiers đặt tên cho nó là "sec" trong ô Instance. Đến đây kim giây xem như đã xong.
Bây giờ chuyển lên layer min tạo kim phút: bấm (Ctrl + L)vào thư viện, kéo sec_mc vào Layer min. Giảm chiều cao sec_mc để ngắn hơn so kim giây. Canh chỉnh nó như ở bước 5để vào vị trí trung tâm và đặt lại tên vào Insatnce là "min". Điều này sẽ được làm bạn của kim phút.
Tương tự, Ở Layer hours ta kéo sec_mc từ thư viện vào. Giảm chiều cao của nó, ngắn hơn kim phút. Canh chỉnh về trung tâm vùng thiết kế đồng hồ của bạn.. trong ô văn bản Instance đặt tên nó là "hours". Lúc này ta đã có kim giờ.
Tại Layer actions. ở frame1- nhấp F9 để mở bảng điều khiển actions.
Sao chép và dán mã dưới đây vào bảng điều khiển actions:
time=new Date();
seconds = time.getSeconds()
minutes = time.getMinutes()
hours = time.getHours()
hours = hours + (minutes/60);
seconds = seconds*6;
minutes = minutes*6;
hours = hours*30;
sec._rotation=seconds;
min._rotation=minutes;
hour._rotation=hours;
Bây giờ hãy đặt chuột trên Frame thứ hai của mỗi layer và bấm phím F5 để chèn khung mới.
Lúc này đồng hồ của bạn đã sẵn sàng hoạt động. Nhấn Ctrl + Enter để kiểm tra kết quả.
Tải ví dụ
* Một số tài liệu cũ có thể bị lỗi font khi hiển thị do dùng bộ mã không phải Unikey ...
Người chia sẻ: Nguyễn Hoàng
Dung lượng: |
Lượt tài: 1
Loại file:
Nguồn : Chưa rõ
(Tài liệu chưa được thẩm định)