پیاده سازی انیمیشن های sprite sheet

محیط تایید

ویندوز

• ویندوز 11

ویرایشگر یونیتی

• دانلود: 2020.3.25f1

بسته های سیستم ورودی

• 1.2.0

پیشنیازهای این نکته

تنظیمات زیر به عنوان پیش نیاز برای توضیح این نکات از قبل پیکربندی شده است.

• معرفی پکیج سیستم ورودی
• تراز کردن دوربین (2D) با بوم

انیمیشن Sprite Sheet چیست؟

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

Sprite ورق انیمیشن سوئیچ و نمایش تصاویر متعدد در یک ردیف. به ندرت می توان فایل های تصویری را به اندازه ای که وجود دارد اماده کرد و اساسا تمام الگوهای نمایش در یک تصویر گنجانده شده است. این باعث می شود که مدیریت فایل های تصویری اسان تر شود و بار بارگذاری فایل های تصویری را کاهش دهد. فایل تصویری که این انیمیشن را خلاصه می کند ، "sprite sheet" نامیده می شود.

ایجاد یک برگۀ روح

یک برگه sprite اساسا فقط یک فایل تصویری است. از انجا که هیچ ارتباطی با Unity ندارد، لطفا ان را با یک ابزار ویرایش تصویر ایجاد کنید. فرمت فایل نهایی یک فایل PNG خواهد بود که Unity می تواند ان را اداره کند.

علاوه بر این، قوانین زیر برای ایجاد ورق های روح وجود دارد.

• اندازه تصویر تمام فریم ها را متحد کنید. به عنوان مثال، اگر تصویر اول 32x32 پیکسل باشد، تصاویر دوم و بعدی 32x32 پیکسل خواهد بود. به عنوان مثال، اگر یک ورق اسپرایت را با فرمت "3x2" با 6 فریم اماده کنید، اندازه ورق اسپرایت 96x64 پیکسل خواهد بود.
• شما می توانید تصویر را ازادانه مانند "6x4" یا "2x8" تراز کنید، اما مطمئن شوید که ان را با این فرض ایجاد کنید که تمام فریم ها پر خواهند شد. اگر "6x4" باشد، 24 فریم و غیره است. اگر این یک انیمیشن 13 فریم است، ان را با "1x13" یا "13x1" اماده کنید.
• از انجا که این یک انیمیشن است، به درستی تراز شده است به طوری که هیچ ناهمگنی در فریم های قبل و بعد از ان وجود ندارد.
• جهت انیمیشن از سلول بالا سمت چپ شروع می شود و به سمت راست می رود، و هنگامی که شما به سمت راست می روید، از سمت چپ یک گام به پایین شروع می شود و دوباره به سمت راست می رود.

در واقع، شما مجبور نیستید موارد فوق را به شدت در Unity انجام دهید، اما تصمیم گیری در مورد مشخصات از قبل بسیار اسان تر است.

این بار، من از یک ورق روح برای تغییر شماره های زیر استفاده خواهم کرد. یک مربع 32x32 پیکسل است. این شامل 24 فریم "6x4" است، بنابراین اندازه تصویر 192x128 پیکسل است.

پیکربندی برگۀ روح در ویرایشگر وحدت

هنگامی که پروژه خود را ایجاد کردید، یک فایل ورق روح را به پروژه خود اضافه کنید. در اینجا فرض بر این است که نام فایل است NumberAnimation .

NumberAnimation پرونده را انتخاب کنید و بازرس را به صورت زیر پر کنید:

بسیاری از تنظیمات دیگر وجود دارد که می تواند پیکربندی شود، اما اجازه دهید ان را همانطور که در حال حاضر است، ترک کنیم. پس از پیکربندی، روی دکمه "Sprite Editor" کلیک کنید.

اگر گفتگوی زیر ظاهر شد، روی دکمه "درخواست" کلیک کنید. در واقع، تنظیمات این بازرس باید ذخیره شود و اگر به پایین بروید، دکمه "Apply" وجود دارد، بنابراین باید تنظیمات را با این دکمه ذخیره کنید. همچنین با "Apply" در گفتگو ذخیره می شود، بنابراین مهم نیست که از کدام طرف ان را ذخیره کنید.

ویرایشگر Sprite ظاهر می شود. در این بخش، ما بر روی تقسیم روح از ورق روح کار خواهیم کرد.

یک دکمه به نام "Slice" در گوشه بالا سمت چپ وجود دارد، روی ان کلیک کنید و نوع را به "Grid By Cell Size" تغییر دهید. در این ورق روح، یک اندازه از روح پیکسل "32x32" است، بنابراین برای هر اندازه پیکسل 32 را وارد کنید. هنگامی که کارتان تمام شد، روی دکمه Slice کلیک کنید.

درک این تصویر دشوار است زیرا به نظر می رسد از ابتدا به وضوح تقسیم شده است، اما بر 1 روح 32px تقسیم شده است. کلید "Ctrl" را فشار دهید و خط تقسیم شده به رنگ سبز ظاهر می شود.

پس از تقسیم، ان را با دکمه "Apply" ذخیره کنید.

اگر روی مثلث در فایل تصویر پروژه کلیک کنید تا ان را گسترش دهید، می توانید ببینید که روح تقسیم شده است.

قرار دادن روح و انیمیشن

روح مجموعه را به منظره بکشید و ان را قرار دهید.

سپس یک گفتگو ظاهر می شود، بنابراین ان را به عنوان . NumberAnimation این پرونده تنظیمات پویانمایی را نگه میدارد.

اولین روح در دید قرار می گیرد و یک کنترل کننده انیمیشن و کلیپ انیمیشن در پروژه ایجاد می شود. اگر تصویر کوچک است، مقیاس را تنظیم کنید تا بزرگتر شود.

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

جلوگیری از حلقه زدن پویانماییها

فایل کلیپ انیمیشن (NumberAnimation.anim) را از پروژه خود انتخاب کنید.

در بازرس، یک جعبه چک برای "زمان حلقه" وجود دارد، بنابراین ان را بررسی کنید.

اگر بازی را اجرا کنید، خواهید دید که انیمیشن در 24 متوقف می شود. این برای اثرات انفجار یک بار موثر است.

تغییر سرعت پویانمایی

روح را که می خواهید از سلسله مراتب متحرک کنید انتخاب کنید.

سپس گزینه Animation را انتخاب کنید. اگر زبانه انیمیشن ندارید، Window > Animation > Animation را از منو انتخاب کنید.

یک عدد به نام "نمونه" وجود دارد که چندین بار برای تغییر تصاویر در یک ثانیه است. در این نمونه، انیمیشن 24 فریم است، بنابراین انیمیشن هر 2 ثانیه تکرار می شود.

اگر این عدد را کاهش دهید، سرعت انیمیشن کندتر خواهد شد و اگر ان را افزایش دهید، سرعت افزایش خواهد داشت.

درباره سایر تنظیمات پیشرفته پویانمایی

تنظیمات مختلف انیمیشن به طور جداگانه در راهنمایی های خاص انیمیشن توضیح داده شده است. این تنظیمات منحصر به انیمیشن های روح نیست، اما منحصر به فرد نیست این همان راه اندازی انیمیشن های حرکتی دیگر و انیمیشن های 3D است.

در این نکته، ما توضیح خواهیم داد که چگونه از یک ورق روح به عنوان یک انیمیشن حرکت کنیم.