ساخت ساعت دیجیتال و عقربه ای در فلش

سلام.

توی این آموزش قصد دارم تا آموزش ساخت ساعت عقربه ای و یک توضیح اجمالی در رابطه با ساعت های دیجیتالی داشته باشم.

ساخت ساعت دیجیتال :

ابتدا یه سند جدید باز کنید و یک تکست فیلد ایجاد کرده و اون رو در حالت Dynamic قرار بدید و در قسمت var تایپ کنید : clock
حالا با زدن کلید های Ctrl+F8 تکست فیلدتون رو به یک MovieClip تبدیل کنید
حالا این اکشن ها رو به مووی کلیپتون متصل کنید :

onClipEvent (enterFrame) {
time = new Date();
hour = time.getHours();
min = time.getMinutes();
sec = time.getSeconds();
clock = hour+":"+min+":"+sec;
}


این اسکریپت در هر فریم یک آبجکت تاریخ خالی درست می کند و فلش هم تاریخ های خالی را از کامپیوتر کاربر می گیرد و ساعت ، دقیقه و ثانیه را به ترتیب در متغیر های min ، hour و sec قرار می دهد و سپس ان را در متغیر clock ذخیره می سازد ... حالا باید ساعت شما کار کنه (دقت کنید که چه رنگی برای تکست فیلد تون انتخاب کردید)

ساخت ساعت عقربه ای :


این ساعت هم مانند ساعت دیجیتال ساختار مشابهی داره و فقط به جای اینکه ساعت و دقیقه و ثانیه رو توی تکست فیلد نشون بده ، عقربه ها رو میچرخونه ...

یک مستطیل باریک روی صفحه ایجاد کنید و به یک MovieClip تبدیلش کنید بعد دو بار Duplicate ش کنید (Ctrl+D) حالا شکل ها رو به هر صورتی میخواید در بیارید ، این شکل ها همون عقربه ها هستن .

بعد Instance Name عقربه هاتون رو به این شکل تغییر بدید :‌ ساعت شمار : hourmc دقیقه شمار : ‌minmc ثانیه شمار : secmc

حالا به محیط ویرایش Movie Clip تون برید و شکلتون رو به طرف بالا حرکت بدید طوری که محور MovieClip تون پایین عقربه باشه
دایره کوچک برای مرکز ساعت رسم کنید و به MovieClip تبدیلش کنید (فراموش نکنید موقع تبدیل موقعیت Registration را در حالت وسط قرار دهید) سپس این شکل رو در مرکز شکل کلی ساعتتون قرار بدید

حالا این اسکریپت رو هم به همون MovieClip مرکز ساعت متصل کنید :


onClipEvent (enterFrame) {
//-----------------------
_parent.secmc._x = this._x;
_parent.secmc._y = this._y;
_parent.minmc._x = this._x;
_parent.minmc._y = this._y;
_parent.hourmc._x = this._x;
_parent.hourmc._y = this._y;
//-----------------------
analog = new Date();
hour = analog.getHours();
min = analog.getMinutes();
sec = analog.getSeconds();
hour = hour + (min/60);
//-----------------------
_parent.secmc._rotation = sec*6;
_parent.minmc._rotation = min*6;
_parent.hourmc._rotation = hour*30;
}


در آخر کل شکلتون رو میتونید به یک MovieClip تبدیل کنید ...
قسمت اول اسکریپت برای مرتب سازی MovieClip های عقربه است به طوری که مکان هر عقربه رو به مرکز خود دایره میاره ...

قسمت دوم اسکریپت رو که قبلا توضیح دادم قستم ، قسمت سوم هم بااستفاده از ساعت و دقیقه و ثانیه ها ، خصیصه چرخش (rotation_) عقربه ها رو تنظیم میکنه ...
موفق بــــــــــــــــــــــــ ـــــاشید/

مشکلی بود در خدمتم...