ساخت ساعت در فلش

آموزش ساخت ساعت در فلش سطح : متوسط سلام. توی این مقاله قصد داریم تا آموزش ساخت ساعت عقربه ای و یک توضیح اجمالی در رابطه با ساعت های دیجیتالی داشته باشیم. ساخت ساعت دیجیتال : ابتدا یه سند جدید باز کنید و یک تکست فیلد ایجاد کرده و اون رو در حالت 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_) عقربه ها رو تنظیم میکنه ... شکل نمونه :