Chào mừng quý vị đến với Trường THCS Đoàn Lập - Tiên Lãng - Hải Phòng.

Quý vị chưa đăng nhập hoặc chưa đăng ký làm thành viên, vì vậy chưa thể tải được các tư liệu của Thư viện về máy tính của mình.
Nếu đã đăng ký rồi, quý vị có thể đăng nhập ở ngay ô bên phải.

Hướng dẫn tạo đồng hồ

Wait
  • Begin_button
  • Prev_button
  • Play_button
  • Stop_button
  • Next_button
  • End_button
  • 0 / 0
  • Loading_status
Nhấn vào đây để tải về
Báo tài liệu có sai sót
Nhắn tin cho tác giả
Nguồn: Internet
Người gửi: Vũ Gia Định
Ngày gửi: 10h:37' 09-07-2008
Dung lượng: 647.0 KB
Số lượt tải: 30
Số lượt thích: 0 người
ADOBE FLASH - HƯớNG DẫN TạO ĐồNG Hồ Số
   09/05/2008 08:00 AM Lần trước tôi đã hướng dẫn các bạn cách tạo đồng hồ Kim bằng Flash và hôm nay tôi sẽ giới thiệu với các bạn cách tạo một đồng hồ Số... 
Trong bài viết này, mình sẽ giới thiệu cách tạo một đồng hồ số bằng Flash thông qua các ActionScript, và làm thế nào để hiển thị các ngày trong tuần và các ngày của tháng. Bạn có thể đặt đồng hồ này vào bất kỳ một website nào...
Tạo Đồng Hồ Flash:
Bước 1: Đầu tiên, mở một tài liệu flash mới.

Bước 2: Nhấn vào Text tool (T), tạo 3 đối tượng Text có nội dung là "Time", "Today" và "Date".
Chú ý, đây là các Static Text nhé.



Bước 3: Bây giờ, chúng ta chúng ta tạo tương ứng 3 Dynamic Text với các Static Text chúng ta vừa tạo ở bước 2, và đặt nó bên cạnh những Static Text đó.

Bước 4: Sau khi tạo xong các Dynamic Text,  chúng ta đặt tên cho chúng theo cách mà bạn đã làm ở trên. Bạn chọn Hộp Dynamic đầu tiên bên cạnh chứ "Time", sau đó chuyển đến cửa sổ Properties (Ctrl + F3) và đặt tên là "nTime".

Bước 5: Ta làm tương tự với các hộp Dynamic còn lại. Hộp Dynamic bên cạnh "Today" đặt tên là "displayDay" và bên cạnh "Date" có tên là "displayDate". Hãy nhớ là đặt tên cho các Dynamic Text chứ không phải là Static Text.

Bước 6: Tiếp theo, nhấn vào hộp Static đầu tiên và chuyến đổi nó thành biểu tượng bằng cách Chọn nó và nhấn F8, đảm bảo ô "Movie clip" được check và đặt tên tùy theo ý bạn muốn.

Bước 7: Bây giờ các bạn hãy  chọn 2 hộp Dynamic còn lại và chuyển nó thành 1 biểu tượng. Hãy chắc chắn rằng tạo cả 2 hộp đó thành 1 biểu tượng và đặt tên tùy ý bạn chọn.

Bước 8: Bây giờ các bạn hãy  chọn biểu tượng trên cùng và nhấn F9 để mở cửa sổ ActionScript. Và dán đoạn mã sau vào:
onClipEvent (enterFrame) { myTime = new Date(); nSeconds = myTime.getSeconds(); nMinutes = myTime.getMinutes(); nHours = myTime.getHours(); if (nHours>=12) { ampm = "pm"; } else { ampm = "am"; } if (nHours>=13) { nHours = nHours-12; } if (length(nMinutes) == 1) { nMinutes = "0"+nMinutes; } if (length(nSeconds) == 1) { nSeconds = "0"+nSeconds; } nTime = nHours+":"+nMinutes+":"+nSeconds+" "+ampm; }
Bước 9: Tiếp theo, chúng ta chọn các biểu tượng khác là "today" và "date" và mở lại của sổ ActionScript (F9), dán đoạn mã sau vào:
onClipEvent (load) { mon = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"]; weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; } onClipEvent (enterFrame) { now = new Date(); nDay = weekdays[now.getDay()]; nMonth = mon[now.getMonth()]; nDate = now.getDate(); nYear = now.getFullYear(); displayDate = nMonth+" "+nDate+", "+nYear; displayDay = nDay; }
OK. Nếu Bạn nhấn tổ hợp phím (Ctrl + Enter), bạn sẽ nhìn thấy đoạn Movie clip của bạn hoạt động, nó sẽ hiển thị thời gian, ngày hôm nay cũng như ngày của tháng (Nếu ko có gì sai xót xảy ra...). Sau đây, mình sẽ giải thích về một số đoạn code.
Giải Thích Code
A/ TIME CODE:
onClipEvent (enterFrame) {
Phần này của đoạn code lặp lại các hành động chứa bên trong nó mỗi khi Movie Clip được truy cập.
myTime = new Date();
Đoạn mã trên tạo một đối tượng Date mà sẽ được sử dụng để nhận thông tin từ hệ thống.
nSeconds = myTime.getSeconds(); nMinutes = myTime.getMinutes(); nHours = myTime.getHours();
Đoạn này định nghĩa các biến giây, phút, giờ và nhận thông tin từ hệ thống và cùng hoạt động trong file Flash.
if (hours>=12) {   ampm = "pm"; } else {   ampm = "am"; }
Câu lệnh IF kiểm tra xem giờ có lớn hơn hay bằng 12 hay không và chuyển về dạng am hoặc pm.
if (hours>=13) {     nHours = nHours-12; }
Bởi vì Flash hiển thị thời gian trong hệ thống giờ 24 thay vì hệ thống giờ 12, câu lệnh IF bên trên được sử dụng chuyển về hệ thống giờ 12 nếu giờ lớn hơn hoặc bằng với 13 ( 13 - 12 = 1)
if (length(nMinutes) == 1) {    nHinutes = "0"+nMinutes; } if (length(nSeconds) == 1) {    nSeconds = "0"+nSeconds; }
Cả 2 câu lệnh IF trên đều dùng để chèn thêm số "0" ở đằng trước giây và phút nếu độ dài của chúng bằng 1, có nghĩa là các biến phải nhỏ hơn 10..
nTime = nHours+":"+nMinutes+":"+nSeconds+" "+ampm; }
Dòng lệnh trên hiển thị thời gian sử dụng Hộp Dynamic được đặt tên là "nTime" mà đã tạo ở bên trên.
B/ DATE CODE:
onClipEvent (load){
Dòng Lệnh thực hiện các hành động chứa trong ngoặc đơn chỉ khi Movie Clip được load. Điều này cũng thường xuyên được sử dụng để định nghĩa các biến.
mon = ["Jan","Feb","Mar","Apr","May","Jun","Jul", "Aug","Oct","Nov","Dec"];   weekdays = ["Sunday","Monday","Tuesday", "Wednesday","Thursday","Friday","Saturday"];
bên Trên là 2 mảng mà được sử dụng để lưu trữ các ngày trong tuần và các tháng trong năm. Vị trí đầu tiên của mảng bắt đầu từ số 0, tương đương với giá trị Jan - Tháng 1 trong mảng "mon" và Sunday - Chủ Nhật trong mảng "weekdays". Thứ tự này bạn có thể thay đổi tùy ý bạn sắp xếp.
now = new Date() }
Dòng lệnh này để thực hiện việc tạo ra một đối tượng Date mà sẽ được sử dụng để nhận thông tin về thời gian.
onClipEvent (enterFrame){
Dòng lệnh này lặp lại các hoạt cảnh và thực hiện các hành động mỗi khi Movie được truy cập.
nDay = weekdays[now.getDay()] nMonth = mon[now.getMonth()] nDate = now.getDate() nYear = now.getFullYear()
Các dòng lệnh trên đều được sử dụng để lưu trữ thông tin. Các mảng được chứa bên trong ngoặc vuông "[]".
displayDate = nMonth+" "+nDate+", "+nYear displayDay = nDay }
Đoạn mã cuối cùng được sử dụng để hiển thị thông tin bên trong các trường Dynamic mà đã được tạo từ ban đầu. Có rất nhiều cách để sử dụng các hiệu ứng này cũng như các cách viết code để hiển thị các hiệu ứng đó. Đây chỉ là một cách mà tôi cảm thấy phù hợp nhất và dễ nhất.
 Chúc các bạn thành công.





































ADOBE FLASH - TạO ĐồNG Hồ KIM
   20/10/2007 08:06 AM Ở bài này tôi sẽ hướng dẫn các bạn cách tạo một chiếc đồng hồ rất đẹp, chạy tốt và không bao giờ phải thay pin cả... 
 
Bước 1: Các bạn hãy chuẩn bị sẵn hình 1 chiếc đồng hồ làm bằng Photohop.

Các bạn có thể Down hình của tôi về để thực hành.
Bước 2: Mở File Flash có kích thước 300 x  300. Sau đó ấn phím Ctrl + R để đưa hình ảnh đồng hồ vào khung trình chiếu.
Bước 3: Chúng ta sẽ tạo 3 Layer mới đặt tên lần lượt là: "kim gio", "kim phut" va "kim giay"

- Tại Layer "kim gio" các bạn hãy vẽ hình ảnh của kim giờ, ở đây tôi dùng luôn công cụ Rectangle Tool (R) để vẽ 1 ví dụ đơn giản:

- Tương tự như vậy các bạn hãy vẽ hình kim phút lên Layer "kim phut" và hình kim giây lên Layer "kim giay"

- Tạm thời tôi để 3 kim ở 3 vị trí khác nhau cho các bạn dễ quan sát nhưng sau này chúng ta sẽ phải xếp chúng trùng với nhau.
Bước 4: Click chọn Layer "kim gio" và ấn F8 để Convert chúng sang Movie Clip. Sau đó đặt Instance Name lần lượt là: kimgio -kimphut - kimgiay


- Làm tương tự với 2 Layer " kimphut" và "kimgiay" 
Bước 5: Bây giờ chúng ta phải chỉnh lại tâm của các Movie Clip trùng với nhau thì các kim sẽ không bị quay lung tung. Như hình dưới:

Ok vậy là sắp hoàn thành. Bước cuối cùng là các bạn hãy click chon 1 trong 3 Layer "kimgio", "kimphut", "kimgiay", click chọn Frame đầu tiên, ấn F9 để mở bảng Aciton Script và dán đoạn mã sau vào:
var today:Date = new Date(); function getTime() {  var hours = today.getHours();  var minute = today.getMinutes();  var second = today.getSeconds();  var sec = second*6;  var min = minute*6;  var hour = hours*30+minute/2;  _root.kimgio._rotation = hour;  _root.kimphut._rotation = min;  _root.kimgiay._rotation = sec;  delete today;  today = new Date(); } setInterval(getTime, 10);
Ấn Ctrl + Enter để kiểm tra. Chúc các bạn thành công.
Gửi bởi: haipt Lượt xem: 2856

NHẬN XÉT CỦA BẠN
 


dannghiepdu
Ngày 24/10/2007 04:20 PM

bài viết của bạn rất chi tiết, và bạn có thể hướng dẫn mình làm cài hình đồng hồ không?






haipt
Ngày 24/10/2007 04:52 PM

@dannghiepdu: mình sẽ viết TUT theo yêu cầu của bạn và up lên trong 2,3 ngày nữa.






lappk
Ngày 26/10/2007 12:57 AM

1. BÀi viết hay đấy và thiết thực nhưng tôi làm bị chuối" quá không sao chạy được. 2. Mã code này thì lấy ở đâu ra nhỉ ? Nếu mình muốn viết code riêng cho sản phẩm của mình. 3. Nếu muốn bắt đồng hồ chỉ chạy hết 3 phút thì phải dừng lại và báo hiệu bằng một âm thanh "RI....NG" thì tôi phải làm sao?






haipt
Ngày 26/10/2007 08:14 AM

@LAPPK: Khi bạn làm các kim đồng hồ không chạy, hay nó chạy lung tung không cùng 1 tâm? Nếu như các kim không chạy thì bạn hãy xem lại Instance Name của các Movie Clip.






beghi
Ngày 30/10/2007 11:05 AM

Bài viết hay và dễ hiểu ,mình sẽ bắt tay và làm liền cám ơn bạn rất nhiều . Mình mong bạn có nhiều bài nữa cho mình và mọi người học hỏi thêm nhé.






mattroilanhh0111862005
Ngày 15/11/2007 12:52 AM

bai nay cung duoc day nhung ma con  phan photosop nua  ve hinh la mot bai kho nua






pham duy thanh
Ngày 22/11/2007 01:24 PM

hĩ anh oi, sao em lam no ko chay nhi! buon qua






haipt
Ngày 22/11/2007 02:40 PM

@Pham Duy Thanh: Để cho các kim chạy được thì bạn phải chú ý ở bước 4, bạn phải điền tên vào ô Instance Name cho chính xác.






ko
Ngày 14/12/2007 02:14 PM

minh` lam y nhu ban huong dan nhung vân ko chay






Tran Thuy
Ngày 14/12/2007 02:39 PM

tai sao minh lam dung quy trinh cac buoc, nhung khong thay dong ho nhuc nhic gi nhi? huong dan ro hon cho minh nhe, dac biet la phan code de cai chay dung ngay gio?






haipt
Ngày 14/12/2007 07:59 PM

@Tran Thuy: Bạn hãy chú ý là phải điền tên vào ô Instance Name ở buớc 4. Bạn hãy gửi file source (.fla) vào hòm thư support@zensoft.vn để mình xem thử nhé.






MrDown
Ngày 15/12/2007 01:22 PM

bạn có thể hướng dẫn 1 bài tut photoshop về vẽ đồng hồ để mọi người có thể tuỳ biến theo sở thích của mình được ko cảm ơn.






kingflash
Ngày 07/01/2008 12:01 PM

bạn cho mình hỏi mình đã làm cho nó chạy rùi nhưng không chính xác với đồng hồ ở ngoài muốn chỉnh làm thế nào hả bạn,bạn chỉ minh được không hòm thư mình là anhnt@
 
Gửi ý kiến

↓ CHÚ Ý: Bài giảng này được nén lại dưới dạng ZIP và có thể chứa nhiều file. Hệ thống chỉ hiển thị 1 file trong số đó, đề nghị các thầy cô KIỂM TRA KỸ TRƯỚC KHI NHẬN XÉT  ↓