Tạo đồng hồ đếm lùi 10 giây

1. Khởi động chương trình thiết lập cơ bản:

- Khởi động chương trình Flash (ở đây tôi sử dụng Flash CS3).

 

 
- Chọn Flash (ActionScrip 2.0) bạn nào biết lập trình 3.0 thì chọn 3.0.
 

 

- Màn hình hiển thị như sau:

- Bạn hãy thiết lập kích thước trang của đồng hồ (thường thì nhỏ thôi để phù hợp với phương pháp chèn nhúng trong PowerPoint - khoảng  200 - 400 pixels là vừa.

Kích chuột vào nút Size -> xuất hiện hộp thoại  như bên dưới.

 

- Đặt lại kích thước Dimensions 200 px (width), 200 px (height)

- Thiết lập tốc độ khung hình là 1 giây/khung hình để tiện cho đồng hồ chạy và tránh thanh Timeline bị dài quá.

- Thiết lập mầu nền tại mục Background color (nếu cần thiết).

2. Tạo đồng hồ bằng Timeline:

- Vẽ khung để hiển thị đồng hồ đếm lùi:

+ Chọn công cụ Rectangle Tool trên thanh công cụ vẽ như hình bên dưới.

 

+ Chọn màu để vẽ hình vuông bằng cách kích chuột trái vào một màu theo ý thích tại công cụ Fill tool (công cụ ngay bên dưới công cụ Stroke color.

+ Huỷ đường viền qua công cụ Stroke color (chọn gạch chéo màu đỏ để vẽ hình sẽ không có đường viền nữa).

 

+ Vẽ vào giữa trang một hình chữ vuông màu vàng như sau:

 

 

+ Vẽ tiếp một hình vuông bằng màu khác đè lên hình vuông màu vàng nhưng nhỏ hơn để lại một khung viền vừa phải như sau:

 

+ Chọn công cụ Selections Toll (V) hoặc gõ phím V để chọn công cụ này.

+ Kích chuột vào khung hình màu nâu ở giữa khi đó khung màu nâu được chọn có biểu hiện là mầu thay đổi có đốm trắng.

+ Xoá khung hình màu tím để rỗng ở giữa và chúng ta đã tạo được một khung hình vuông có màu vàng. Các bước sau chúng ta sẽ thiết lập số lùi ở giữa khung hình này.

- Tạo số cho đồng hồ đếm lùi. (ở đây tôi làm ví dụ cho đồng hồ 10 giây- nếu muốn làm nhiều hơn thì các bạn thực hiện tương tự nhưng tăng số lượng khung hình lên là được).

+ Chọn công cụ Text Tool (T) hoặc gõ phím T để chọn.

 

 

+ Chọn Font chữ, cỡ chữ, mầu chữ tại bảng Properties (chú ý là cần thiết lập kiểu đối tượng chữ là Static Text.

 

+ Điều chỉnh kích thước chữ lớn gần bằng khung hình màu vàng (cân đối). Dùng công cụ Free TransfomTool (Q,F) hoặc gõ phím Q hay F để lựa chọn. Sau kéo các nút điều khiển để được kích thước chữ vừa ý.

+ Nhập hai chữ số không 00 để đảm bảo kích thước hiển thị vừa đẹp cho số có hai chữ số.

 

 

+ Kích chuột vào khung hình hiện tại (khung hình số 1)

 

+ Bấm phím F6 để tạo thêm một khung hình mới với nội dung của khung hình đã tạo từ trước.

+ Kích chuột chọn lại khung hình 1 và kích đúp chuột vào số 00 để đổi lại thành số 10 (do đếm lùi từ 10 trở về 0 mà).

+ Kích chuột vào khung hình 2 và sửa số thành 09.

+ Tiếp tục làm tương tự đến khung hình 10 và sửa đến số 00 thì thôi.

Đến đây đồng hồ đã hoàn thiện, nhưng nếu để nguyên như thế thì đồng hồ sẽ chạy tuần hoàn, tức là chạy về 00 thì nó lại tiếp tục chạy từ 10. Nhung mục đích là chúng ta cần cho đồng hồ dừng ở giây thứ 00.

+ Kích chuột vào khung hình cuối cùng và nhấn F9 để để gõ lệnh stop();

 

 

+ Bấm F9 lần nữa  để đóng cửa sổ lệnh lại và nhấn tổ hợp phím Ctrl + Enter để dịch file Flash gốc thành file *.swf

===> Như vậy chúng  ta đã thiết kế được một đồng hồ đếm lùi từ 10 giây trở về 00 và sẽ dừng lại. Đồng hồ này sẽ tự chạy không cần điều khiển, nếu các bạn muốn điều khiển thông qua nút lệnh tôi sẽ hướng dẫn ở bài viết sau. Từ bài viết này các bạn có thể tạo được các đồng hồ đếm lùi chạy ngay có số giây nhỏ như 10, 15, 20, 30 … Nhưng nếu lớn quá thì e rằng làm sẽ lâu (vì mỗi giây ta cần 1 khung hình).

Ở các bài viết tiếp sau tôi sẽ hướng dẫn các bạn lập trình bằng dòng lệnh để điều khiển đồng hồ theo dữ liệu nhập vào, có tín hiệu nhạc, tín hiệu hết giờ…

 

ċ
Dongho10giaytuchay.fla
(30k)
Cường Nguyễn,
07:04 06-01-2010
ċ
Cường Nguyễn,
07:05 06-01-2010
Comments