آموزش ساخت ساعت فلش

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

 

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

 

ابتدا یه سند جدید باز كنید و یك تكست فیلد ایجاد كرده و اون رو در حالت 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_) عقربه ها رو تنظیم میكنه ...

موفق بـــــــــــــــــــــــــــــاشید.