درس Adobe Animate

این قطعه نیز مشابه با قطعه s1 طراحی می‌شود:

قطعه S2:

نکته: مربع زرد رنگی داخل S1 مشاهده می‌نمایید. این مربع خود نیز یک Movie Clip مجزا است که درون Movie Clip به نام S1 قرارگرفته است. بنابراین پس از اینکه تکه تصویر سمت راست پاتریک را به Movie Clip با نام S1 تبدیل نمودید. یک Movie Clip دیگری ایجاد کرده و آن را s_mc نام‌گذاری کنید. از این Movie Clip یک نمونه درون Movie Clip با نام S1 قرار دهید:

قطعه S1:

تصویر دیگری از پاتریک با سایز بزرگ‌تر را به دو قسمت مساوی تقسیم نموده و تکه‌های آن را در پایین استیج قراردهید. هریک از دو تکه را به‌طور جداگانه به Movie Clip تبدیل نموده و نام s1 و s2 برای آن‌ها درنظربگیرید:

یک تصویر کوچک از پاتریک در بالای استیج به عنوان الگو قراردهید:

تصویر پاتریک را به محیط برنامه انیمیت وارد نمایید:

روش طراحی: ابتدا پروژه‌ای در قالب اندروید ایجاد کرده؛ سپس موارد زیر را در آن انجام دهید:

روش کار با اپلیکیشن: با کلیک روی دکمه Start، تکه‌های پاتریک از یکدیگر جدا شده و با درگ‌کردن هر تکه، می‌توانید آن را به محل اولیه آن بازگردانید. الگوریتم: تصویر پاتریک به دو تکه مساوی تقسیم شده و دو تصویر مجزا خواهیم داشت. دور این دو تصویر که کنار یدیگر قرارگرفته‌اند یک کادر ایجاد می‌کنیم. این کادر حاوی چهار خط متقاطع مجزا است. در محدوده قرارگیری هر تکه از پازل یک عنصر دیگری قرار خواهیم داد. هر تکه از پازل (تصویر پاتریک) که از محل اولیه خود خارج شده است برای ورود به محل اولیه خود باید بررسی شود که آیا با برخی نواحی، برخورد پیدا کرده است یا خیر و اگر برخورد داشته، مختصات اولیه آن تکه را مجدداً برای آن قطعه تعیین کنیم که به جای اولیه خود بازگردد. بررسی برخورد: • بررسی شود که تکه پازل جابه‌جا شده که قصد دارد به محل اولیه خود بازگردد آیا با خطوط کادر دور محدوده تکه‌های پازل برخورد کرده است یا خیر؟ به یکی از این خطوط هم برخورد کند کافی است. • بررسی شود که تکه پازل که قصد ورود به بخش اولیه خود دارد آیا به عنصر درون محدوده هر تکه پازل برخورد پیدا کرده است یا خیر؟