ساخت بازیهای HTML5 با استفاده از Adobe Animate
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت
- بازیهای بسیار زیبا بسازید که کیفیت و وضوح خود را هنگام انتقال از صفحه موبایل به تلویزیون بزرگ از دست ندهند.
- یاد بگیرید چگونه با Adobe Animate طراحی کنید.
- یاد بگیرید چگونه با Adobe Animate انیمیشنسازی کنید.
- یاد بگیرید چگونه به خروجی انیمیشن Adobe Animate تعامل اضافه کنید.
- یاد بگیرید چگونه بهراحتی با استفاده از Matter.js فیزیک را به بازیهای خود اضافه کنید.
- مهارتهای جاوااسکریپت خود را با آخرین نگارش ES6 تقویت کنید که استفاده از آن آسانتر است.
پیش نیازهای دوره
- نصب Adobe Animate CC لازم است.
- آشنایی با Javascript اولیه
توضیحات دوره
چند سال پیش، تقریباً تمام بازیهای مبتنی بر مرورگر از Adobe Flash استفاده میکردند. اما همهچیز تغییر کرد زمانی که Steve Jobs اجازه نداد پلیر Flash در مرورگر Safari سیستمعامل iOS فعال باشد. در همان زمان HTML5 ویژگی Canvas را معرفی کرد که API آن امکان انیمیشنهای سریع sprite را فراهم میکرد. بسیاری از توسعهدهندگان دیگر از Adobe Flash فاصله گرفتند، اما نسخه جدید Adobe Flash یعنی Adobe Animate قادر است خروجیای کاملاً مطابق با HTML5 تولید کند. از طرفی، خروجی آن مستقل از وضوح تصویر است، بنابراین هنگام تغییر اندازه، کیفیت خود را حفظ میکند. Adobe Animate بیشتر برای تولید محتوای غیر تعاملی طراحی شده است، اما هیچ محدودیتی برای استفاده توسعهدهنده از خروجی آن به همراه Javascript برای ساخت بازیهای زیبای HTML5 وجود ندارد.
نویسنده این دوره بازیهای فلش متعددی برای مشتریانی مانند Mars Corporation ،BBC ،Johnson & Johnson و Deloittes ساخته است. همچنین او نویسنده دو کتاب تخصصی در زمینه استفاده از Flash برای توسعه بازی است. در این دوره، نشان داده میشود چگونه کاربران آشنا با Flash میتوانند با مهارتهای موجود، بازیهای HTML5 عالی بسازند. همچنین، توسعهدهندگانی که با Adobe Animate آشنا نیستند، با ابزارهای طراحی و انیمیشن آشنا میشوند تا داراییهای بازی را ایجاد کنند. همچنین به روشهای دستیابی به گرافیکهای برداری رایگان پرداخته میشود که قابل انیمیشنسازی و استفاده در بازی هستند.
سپس دوره تمام مراحل ساخت یک بازی ساده را آموزش میدهد و بعد از آن به سراغ نمونه پیچیدهتری با رابط کاربری و افکتهای صوتی میرود.
پس از پایان دوره، شما میتوانید انیمیشنهای ساخته شده در Adobe Animate را با Javascript کنترل کنید. این امکان به شما میدهد تقریباً هر بازیای بسازید و حتی افزودن موتور فیزیک برای ایجاد بازیهایی با محاسبات پیچیده حرکتی را یاد خواهید گرفت.
پس منتظر چه هستید؟ همین حالا در این دوره شرکت کنید و با این ابزار فوقالعاده شروع به ساخت بازیهای جذاب کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که میخواهند با Adobe Animate CC آشنا شوند.
- توسعهدهندگانی که میخواهند بازیهای HTML5 مستقل از وضوح تصویر بسازند.
- توسعهدهندگانی که قصد استفاده از ابزار توسعه پیشرفتهای برای ساخت محتوای عالی دارند.
- توسعهدهندگانی که میخواهند انیمیشن به بازیهای HTML5 خود اضافه کنند.
- توسعهدهندگانی که میخواهند از کسی که صدها بازی ساخته، نکات و ترفندهای توسعه بازی را بیاموزند.
- توسعهدهندگان سابق فلش که میخواهند از مهارتهای خود برای ساخت بازیهای HTML5 استفاده کنند.
ساخت بازیهای HTML5 با استفاده از Adobe Animate
-
کتاب الکترونیکی JavaScript در 12 درس آسان 00:28
-
مقدمه 01:20
-
بررسی محیط توسعه یکپارچه Adobe Animate 04:25
-
لایهها، خط زمانی و رسم با ابزار قلممو 06:07
-
استفاده از ابزار خط 06:11
-
حالت رسم شیء 04:06
-
استفاده از داراییهای دانلود شده 04:14
-
اسکلتبندی شخصیت با ابزار Bone 06:51
-
ساخت چرخه راه رفتن برای شخصیت اسکلتبندی شده 05:30
-
Tweening (تحرک تدریجی) 09:34
-
MovieClips یا Graphics 04:10
-
انتشار 07:40
-
استفاده از GitHub 03:51
-
استفاده از فرمان های ساده goto 10:35
-
افزودن رویداد کلیک به دکمه 04:29
-
افزودن کلاس کنترلر اصلی بازی 05:37
-
کار با صداها 06:52
-
وبسایت CreateJS 03:27
-
کنترل یک MovieClip None
-
چه چیزهایی آموختهاید؟ None
-
مرحله اول: ساخت داراییها و راه اندازی کد 07:52
-
مرحله دوم: حرکت توپ و افزودن امتیازدهی 14:15
-
مرحله سوم: تست برخورد، تعداد جانها و پنل بازی جدید 08:11
-
مرحله چهارم: افزودن شخصیت 02:39
-
چه چیزهایی آموختهاید؟ None
-
بررسی بازی Space Cowboy 09:28
-
کنترل شخصیت کاربر 08:38
-
پسزمینههای با اسکرول بیپایان 03:24
-
کنترل Pod و Rikon در حال دویدن 07:32
-
کنترل Rikon در حال حفر 10:06
-
کنترل بیگانه 06:30
-
شلیک گلولهها 06:15
-
مدیریت رابط کاربری 05:21
-
مرحله نهایی: خروجی گرفتن به صورت تکسچر، استفاده از WebFonts و افزودن افکتهای صوتی 09:06
-
معرفی موتور فیزیک Matter.js 00:55
-
ساخت نمونه ساده Matter.js 08:32
-
نمونه سادهای که از فیزیک استفاده میکند 04:56
-
چه چیزهایی آموختهاید؟ None
-
ده نکته کلیدی هنگام ساخت بازی HTML5 با Adobe Animate CC 02:03
مشخصات آموزش
ساخت بازیهای HTML5 با استفاده از Adobe Animate
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:39
- مدت زمان :03:32:51
- حجم :3.11GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy