واضح آرشیو وب فارسی:سایت ریسک: ساختن preloader <3pehr> 09 شهريور 1387, 23:48سلام دیروز بیکار بودم تصمیم گرفتم یه آموزش ساده برای ساختن preloader در فلش بنویسم.(خودمم نمی دونم چرا preloader!!!!) البته سعی کردم خیلی ساده و ابتدایی توضیح بدم حالا نمی دونم تا چه اندازه موفق بودم :دی خوب می ریم سراغ آموزش: 1- فلش رو باز کنید و یک سند جدید ایجاد کنید. 2- یک سیمبل Movie clip جدید با نام Preloader ایجاد کنید. - برای اینکار از منوی Insert گزینه New Symbol را انتخاب کنید و یا از کلیدهای ترکیبی Ctrl + F8 استفاده کنید. 3- در Preloader 4 لایه به نامهای Bg و Mask و Textو Action ایجاد کرده و ترتیب آنها را مطابق شکل قرار دهید. - برای ایجاد لایه از منوی Insert -> Timeline گزینه Layer را انتخاب کنید و یا از آیکون استفاده کنید. 4- لایه Bg را انتخاب کرده و یک مستطیل با طول 100 و عرض 5 مطابق شکل بکشید و موقعیت آنرا (0,0) قرار دهید. - برای کشیدن مستطیل از ابزار Rectangle استفاده کنید،برای انتخاب این ابزار از کلید R استفاده کنید و یا آیکون را انتخاب کنید. - برای تعیین سایز و مختصات از منوی Window -> Properties گزینه Properties را انتخاب کنید و یا از کلیدهای ترکیبی Ctrl+F3 استفاده کنید و مقدارها را مطابق شکل وارد نمایید. 5 – حال لایهMask را انتخاب کرده و یک مستطیل دیگر دقیقا مانند مستطیل قبل و در همان مختصات بکشید. - برای راحتی کار می توانید بر روی مستطیل قبل راست کلیک کرده و Copy را انتخاب کنید،سپس لایه Mask را انتخاب کرده و دوباره راست کلیک کرده و Paste in Place را انتخاب نمایید. 6 – حال مستطیل ایجاد شده در مرحله قبل را توسط ابزار Selection انتخاب نموده و آنرا داخل یک Movieclip با نام Mask_mc قرار دهید و طول آنرا برابر 0.5 قرار دهید. - برای اینکار از منوی Modify گزینه Convert to Symbol را انتخاب نمایید و یا از کلید F8 استفاده کنید. 7 - Mask_mc را انتخاب نموده و در قسمت Properties مقدار Instnce Name آنرا _mask قرار دهید. 8 –حال بر روی لایه Mask راست کلیک کنید و Mask را انتخاب کنید. 9 – حال لایه Text را انتخاب نموده و توسط ابزار یک Dynamic Text در بالای مستطیل ایجاد کنید و مقدار Instnce Name آنرا Percent_txt قرار دهید. 10 – تا اینجای کار مرحله طراحی تموم شد(البته شما می تونین با سلیقه و ابتکار خودتون توی طراحیش تغییر بدین)،حالا فقط میمونه کد نویسی. لایه Action را انتخاب کنید و پنجره Actions را از منوی Window باز کنید و یا از کلید F9 برای باز کردن پنجره Actions استفاده کنید.سپس دستورات زیر را وارد آن کنید: this._parent.stop(); var _preloader:Number=0; function preloader() { var _loaded:Number = Math.round(this._parent.getBytesLoaded()/this._parent.getBytesTotal()*100); var _loaded_t:Number = _loaded - _preloader; if (_loaded_t){ _preloader++; this.Percent_txt.text = _preloader+"%"; this._mask._width = _preloader; } if (_preloader==100) { this._parent.gotoAndStop(2); clearInterval(loading_interval); } } var loading_interval:Number = setInterval(this, "preloader", 40); 11- حالا می رسیم به توضیح کد بالا: - در خط 1 کار را برای لود شدن و نمایش preloader متوقف می کنیم. - در خط 2 ما متغیر _preloader را تعریف کرده و مقدار آنرا برابر صفر قرار می دهیم.(این متغیر را به این دلیل تعریف می کنیم که انجام بارگذاری به طور منظم باشد و جهش سریع نداشته باشیم.) - در خط 3 تا خط 12 ما تابع preloader() را برای انجام بارگذاری تعریف می کنیم. - در خط 4 یک متغیر دیگر با نام _loaded ایجاد کرده و مقدار آنرا برابر مقدار درصد بارگذاری شده از کل کار قرار می دهیم. - در خط 5 متغیر _loaded_t را تعریف کرده و مقدار آنرا برابر تفاضل دو متغیر قبل قرار می دهیم.(این متغیر را برای بررسی شرط خط بعد تعریف می کنیم.) - در خط 6 بررسی می شود که اگر مقدار متغیر _loaded_t مخالف صفر است وارد خط بعد شود و در غیر اینصورت به خط 11 می رود.(در اصل بررسی می کنیم مقداری به مقدار بارگذاری شده اضافه شده است یا خیر) - در خط 7 به مقدار _preloader یک واحد اضافه می کنیم. - در خط 8 مقدار متن داخل Percent_txt را برابر مقدار درصد بارگذاری شده قرار می دهیم. - در خط 9 پهنای _mask را برابر مقدار بارگذاری شده قرار می دهیم. - در خط 11 بررسی می کنیم مقدار _preloader به 100 رسیده است یا خیر.اگر برابر 100 بود به خط بعد می رویم . - در خط 12 کار اصلی را که در خط اول متوقف ساخته بودیم به فریم 2 می بریم. - در خط 13 مقدار loading_interval را که در خط 16 تعریف می کنیم پاک می کنیم.(توجه داشته باشید که این خط داخل شرط قرار داشته و این کار در صورتی که کل فایل بارگذاری شده باشد انجام می شود.) - در خط 16 متغیر loading_interval را برای قرار دادن تابع preloader() در یک تایمر تعریف می کنیم تا این تابع هر 40 میلی ثانیه فراخوانی شود.(مقدار عدد 40 را می توانید به دلخواه سرعت مورد نظر خودتون تغییر دهید) 12- خوب خسته نباشین،کار ما دیگه تمومه،فقط می مونه استفاده،برای استفاده از این Preloader شما این Movie clip رو به فریم اول کار خودتون وارد کنید و بدنه اصلی کارتون و از فریم دوم شروع کنید. سپهر amir_s 12 شهريور 1387, 10:10ممنونم سپهر جان دوستان این هم خالی از لطف نیست . : <3pehr> 12 شهريور 1387, 11:32سلام مرسی امیرجان،جالب بود البته مثل همه کارات ;) سپهر
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 281]