مدت زیادی بود درباره ی آموزش swish max چیزی ننوشته بودم و امروز تصمیم گرفتم یه قسمت دیگه از این سری آموزش ها رو بنویسم . در مبحث قبلی که اینجا نوشتم درباره ی افکت های swish max گفتم و قول دادم در آموزش بعدی درباره ی دکمه ها و طریقه ی ساخت button در این برنامه بنویسم .

ساخت دکمه در swish max چندین روش داره و می شه دکمه ها رو با استفاده از کدهای مختف ساخت ، اما من یکی از راه هایی که خودم استفاده می کنم و به نظرم ساده تره رو به شما معرفی می کنم و مرحله به مرحله طریقه ی ساخت یه دکمه رو براتون می نویسم .

فرض کنید ما دو تصویر زیر رو داریم و می خواهیم برای دکمه از اون ها استفاده کنیم ، تصویر اول همیشه به کاربر نشون داده می شه و تصویر دوم وقتی که کاربر موس رو روی دکمه برد ظاهر می شه ، برای زیبایی کار هم می تونیم زیر دکمه ، متنی رو بنویسیم که وقتی کاربر موس رو روی دکمه برد به عنوان توضیحات ظاهر بشه و وقتی موس رو از روی دکمه کنار برد محو بشه ( من این دو تا طرح رو قبلا طراحی کردم ، ولی شما می تونید با ابزار طراحی swish max نیز دکمه ی خودتون رو طراحی کنید . البته طرح هایی که با swish max می کشید زیاد جنبه ی گرافیکی ندارند و بیشتر حالت کارتونی دارن )

برای ساخت دکمه ابتدا تصویر اول ( که می خواهیم کاربر اول اونو ببینه ) رو باز می کنیم . برای این کار از قسمت Insert روی Import Image کلیک کنید و تصویر اول رو باز کنید . بعد تصویر دوم رو هم با همین روش باز کنید و اون رو هم به برنامه اضافه کنید . اینجا اگه متنی رو هم دوست دارید به عنوان توضیحات نمایش داده بشه ، به وسیله ی ابزار Text به کارتون اضافه کنید . ( مثلا من متن ” نمایش تصویرهای من” رو برای توضیحات اضافه می کنم ! )

تصویر دوم رو باید روی تصویر اول مچ کنید . به طوری که وقتی موس رو روی تصویر اول ببریم تصویر دوم طوری ظاهر بشه که انگار تصویر اول روشن شده . برای این کار کافیه از قسمتابعاد x و y تصویر اول رو دریافت و تصویر دوم رو به همون ابعاد منتقل کنید .

حالا برای زیبایی دکمه ، به تصویر دوم بعد از گذاشتن یک فریم فاصله ، افکت Fade In و بعد از گذاشتن یک فریم فاصله دیگه ، افکت Fade Out رو می دم ( مثل تصویر زیر ) با این کار می خوام تعریف کنم که وقتی موس روی دکمه اومد تصویر دوم به صورت فید ظاهر بشه و وقتی موس رو از روی دکمه بردیم کنار به صورت فید محو بشه و دوباره کاربر تصویر اصلی دکمه رو ببینه . شما می تونید از هر افکت دیگه ای برای این کار استفاده کنید . من طریقه ی کار با افکت های swish max رو اینجا نوشتم . همچنین برای زیبایی کارم به متن توضیحات هم یک افکت ورود و یک افکت خروج می دم .

حالا وارد قسمت کد نویسی می شیم و از این جا به بعدش یه سری برنامه نویسی های ساده داریم . اول باید اون فریم های خالی بین تصویر دوم رو پر کنیم . من اون فریم ها رو خالی گذاشتم تا بتونم اونجاها به انیمیشنم Stop بدم . روی فریم اول که خالی گذاشتیم کلیک راست کنید ( توجه کنید که روی Scene این قسمت کلیک راست کنید ) و از قسمت Movie Control گزینه ی Stop رو انتخاب کنید . با این کار انیمیشن روی فریم یک متوقف می شه و تا بهش دستور پخش داده نشده پخش نخواهد شد . حالا اگه فریم دومی که خالی گذاشتید رو هم Stop بزارید ، انیمیشن بعد از پخش شدن روی فریم بعدی که دستور Stop داده شده مجدد متوقف می شه و دوباره تا دستور دریافت نکنه پخش نمی شه ! ( توی تصویر زیر می بینید که من روی فریم اول دستور رو دادم و اون نقطه ی قرمز رنگ نشون دهنده ی اینه که اونجا دستور Stop داده شده ، و الانم دارم روی فاصله ی خالی بعدی این دستور رو اعمال می کنم )

حالا باید به تصویر اولمون دستور بدیم که وقتی موس رو روش آوردن انیمیشن رو از فریم ۲ پخش کنه و وقتی موس رو کنار بردیم انیمیشن رو از فریم ۲۳ پخش کنه ( توجه کنید که طبق تصویر بالا فریم ۲۳ اولین فریم من بعد از Stop دوم هست و شما اگه طول فریم هاتون رو بیشتر یا کمتر کنید این عدد هم تغیر می کنه ) برای این کار از قسمت Outline تصویر اولمون رو انتخاب می کنیم ، بعد از بالای پنجره ی طراحیمون وارد قسمت Script که توی تصویر زیر هم مشخص شده می شیم و از این جا به بعد دستورایی که در ادامه دادم رو باید به برنامه بدیم .

وقتی وارد این قسمت شدید ابتدا دستور زیر رو وارد کنید :

on (rollOver) {
gotoAndPlay(2);
}

دستور بالا مشخص می کنه که با بردن موس روی تصویر ، انیمیشن از فریم ۲ شروع به پخش کنه ، اینجا تصویر دوم و متنمون با اون افکت هایی که دادیم شروع به پخش می کنه و وقتی به دستور Stop که قبلا مشخص کردیم رسید متوقف می شه . حالا در ادامش دستور بعدی رو بنویسید :

on (rollOut) {
gotoAndPlay(23);
}

این دستور هم مشخص می کنه که وقتی موس رو از روی لینک کنار بردیم انیمیشن از فریم ۲۳ پخش بشه . حالا برای این که تعریف کنید با کلیک موس چه اتفاقی بیفته باید از دستور زیر استفاده کنید :

on (press) {
getURL(“http://www.jentelman.com”, “_blank”);
}

من توی دستور بالا مشخص کردم با کلیک موس ، سایت من نمایش داده بشه ، ولی اگه دستورای دیگه ای می خواهید بدید باید بین { } کداتون رو بنویسد .

حالا کار تمومه ! و دکمه ی شما آماده شده ، فقط چند تا نکته هست که لازمه بگم :

اگه شما خواستید چند تا دکمه بسازید ، باید قبل از ساخت دکمه از منوی Insert روی Movie Clip کلیک کنید ، با این کار شما یک Movie Clip ساخته اید و در قسمت Outline می توانید آن را ببینید . حال باید کلیه ی مراحل گفته شده را در داخل Movie Clip ساخته شده انجام دهید . در اصل Movie Clip ها یک قسمت مجزا در هر Scene به حساب میان و شما در هر Movie Clip می تونید دستورات مجزا از پروژه رو وارد کنید . درباره ی Movie Clip بعدا بیشتر صحبت می کنم .

اگه دوست دارید روی دکمه ، آهنگ داشته باشید به صورتی که وقتی موس رو روی دکمه بردیم یه صدای کوچیک پخش شه باید روی Scene فریم ۲ کلیک راست کنید و از قسمت Sound گزینه ی PlaySound رو انتخاب کنید . صفحه ی کدها برای شما نمایش داده می شه ، از منوی بالای این صفحه قسمت Script Assistant رو فعال کنید و روی کد ;(“”)playSound کلیک کنید . در پنجره ای که بالای صفحه باز شده روی Import کلیک کنید و آهنگ مورد نظرتون رو باز کنید و بعد از لیست مقابلش انتخاب نمایید . با این کار وقتی موس روی آیکون شما بره موسیقی انتخابی پخش می شه . شما از همین روش برای پخش موسیقی زمانی که موس را از روی آیکون به کنار بردیم می تونید استفاده کنید .

اگه دوست ندارید برای نمایش آیکون از افکت استفاده کنید باید روی فریم ۱ و ۳ Stop بزارید و در کد دوم هم باید دستور بدید انیمیشن از فریم ۴ پخش شود . با این کار برای نمایش دکمه ی شما از هیچ فریمی استفاده نمی شه .

تو بخش بعدی سعی می کنم درباره ی Loading ها بنویسم ، که البته چون این بخش مفصلیه شاید در چند قسمت آموزش بدم …

در پایان اینم خروجی پروژه ی منه که الان کاملا طرز ساختش رو توضیح دادم :