تغییر رفتار با کلیک در بازی‌سازی و پویانمایی

تا به حال فکر کردید چطور می شود با برنامه نویسی کدی طراحی کرد که از طریق ارتباط با کاربر فعال شود؟ منظورم دقیقاً یعنی اینکه مثل وقتی شما داخل گوشی همراه روی یک برنامه، صفحه گوشی را لمس می کنید، آن برنامه باز می شود؛ یا مثلاً وقتی رو یک منو در یک بازی کلیک می کنید، یک صدا پخش می شود؛ یا وقتی در یک بازی موبایلی روی یک شیء مثل سوسک می زنید، کشته می شود.

همه این ها مثال هایی از برنامه های تعاملی هستند. برنامه های تعاملی توسط کاربر که معمولاً یک انسان است، کنترل می شوند. حالا بیایید با هم یک برنامه تعاملی ساده با آی کد بسازیم! در این برنامه قصد دارم شما را با یک بلوک پرکاربرد آشنا کنم. این بلوک از نوع رویدادی است، که در ویکی کد درباره انواع بلوک ها توضیح داده ام.

بلوک «وقتی … شدی» یک بلوک رویدادی است. یعنی این بلوک به محض اتفاق افتادن یک اتفاق تمام زنجیره بلوک های متصل به خود را فعال می کند. اگر آن اتفاق غیرفعال شود هم برعکس برنامه متوقف می شود.

حالا در این تکه کد همراه با تعاملی کردن برنامه می خوام پوسته نشانگر را هم تغییر دهم. با این کار نسبت به رفتار کاربر واکنش نشان می دهم. این یعنی یک تعامل قوی و برنده! برنامه من به این صورت است که اگر روی نشانگر ربوتی کلیک شود از خواب بیدار می شود. وقتی ربوتی از خواب بیدار می شود، مثل ما آدم ها چشم هایش را باز می کند و البته صدای موتورهای چشم هایش هم بلند می شود. پس من از بلوک های بخش صدا در آی کد هم استفاده می کنم. وقتی ربوتی از خواب بیدار می شود، می خندد! پس برای تغییر پوسته نیاز به دو پوسته برای ربوتی دارم:

1.پوسته ربوتی خواب

2.پوسته ربوتی بیدار و شاد

قبل از اینکه برنامه را شروع کنم بهتر است پوسته هایم را طراحی کنم. من برای انجام این کار از نرم افزار illustrator که مخصوص ساخت تصاویر کیفیت بالای وکتور است، استفاده می کنم. البته گاهی هم با پاورپوینت که خیلی خیلی ساده تر است این کار را می کنم. شما هم می توانید پوسته مورد نظر خود را در هر کدام که با آن راحت تر هستید، طراحی کنید.

خب، این هم از پوسته ها:

ربوتی شاد
ربوتی خواب

حالا پوسته ها را داخل آی کد می کشم، به همین سادگی! حتی لازم نیست سربرگ پوسته ها را انتخاب کنید، آی کد باهوش است، خودش می فهمد! راستی صدایی که برای موتورهای ربوتی انتخاب کردم یادم نرود. اینجا برایتان گذاشتم می توانید دانلود کنید. این صدای یک سروو موتور است که در رباتیک استفاده می شود. معمولاً برای ساخت بازوهای رباتیک از موتورهای سروو استفاده می کنند. صدا را هم داخل آی کد بکشید خودش می رود سر جایش می نشیند.

و در نهایت نوبت این است که برنامه را طراحی کنیم. به این صورت وقتی پرچم سبز زده می شود صدای خوابیدن و خاموش شدن پخش می شود و پوسته به ربوتی خواب تغییر می کند. وقتی هم روی پوسته ربوتی کلیک می کنیم ربوتی بیدار شده و پوسته نشانگر به ربوتی شاد تغییر می کند. صدای ربوتی شاد و خندان هم همزمان پخش می شود. این پروژه ساده می تواند اولین پویانمایی شما با آی کد باشد. دیدید چقدر ساده بود! بجنبید، ایده های خودتان را با آی کد بسازید و برای من و بقیه آیتکسی ها بفرستید! راستی اگر برای ساخت آن ها و تغییر پوسته به مشکل خوردید ما به پیام های شما در شبکه های اجتماعی و سایت پاسخگو هستیم.