آموزش برنامه نویسی بازی های موبایل بوسیله JavaScript

با مشاهده این دوره آموزشی قدم به قدم کدنویسی بازی های موبایل را یاد گرفته و در پروژه های واقعی جاوا اسکریپت تجربه و تمرین خواهید کرد.

عنوان اصلی : Vanilla JavaScript: Mobile Game Programming

سرفصل ها :

معرفی
جاوا اسکریپت خود را با یک بازی بهینه کنید
چه چیزی میخواهید بدانید
1. برنامه نویسی بازی
اصول برنامه نویسی بازی
یک ویرایشگر انتخاب کنید
نمایش محصول نهایی
2. اولین بازی شما
اولین بازی شما
عناصر بازی را با استفاده از HTML ایجاد کنید
شرایط اولیه را با استفاده از CSS تعریف کنید و شیوه نامه را به HTML پیوند دهید
با استفاده از جاوا اسکریپت اشیاء بازی را تعریف کنید
اشیاء بازی را بچینید
برای جابجایی نقطه بازی از اعداد تصادفی استفاده کنید
حلقه بازی را ایجاد کنید و آن را راه اندازی کنید
3. انیمیشن
مبانی انیمیشن
با انیمیشن جایگزین شروع کنید
ایجاد انیمیشن جایگزین با استفاده از جاوا اسکریپت
اضافه کردن مقداری ریاضی: با انیمیشن نقطه به نقطه شروع کنید
از یک فرمول برای متحرک سازی اشیا استفاده کنید
سیستم مختصات جاوا اسکریپت
برخوردهای مرزی و نحوه شبیه سازی آنها
4. Moving On: راه اندازی بازی Rebound
عناصر بازی را با استفاده از HTML ایجاد کنید
یک شیوه نامه به بازی اضافه کنید
از CSS برای استایل و قرار دادن عناصر بازی استفاده کنید
CSS بازی را با استفاده از ابزارهای توسعه دهنده کروم تست کنید
با استفاده از جاوا اسکریپت متغیرهایی را برای اشیاء DOM ایجاد کنید
اشیاء HTML DOM را راه اندازی کنید
چیدمان منطقه بازی
به رویدادهای صفحه کلید گوش دهید و مدیریت کنید
جاوا اسکریپت خود را بهینه کنید
5. حلقه بازی
حلقه بازی را شروع کنید
مقدمه ای برای requestAnimationFrame()
استفاده از requestAnimationFrame()
رندر: کشیدن اشیاء بازی روی صفحه
فیزیک: تشخیص برخورد
قابلیت بازی: مدیریت سختی
اجرای شرایط پایانی
6. آن را موبایل کنید!
از رویدادهای لمسی و ماوس پشتیبانی کنید
شنوندگان رویداد را برای رویدادهای موس و لمسی اضافه کنید
کنترل‌کننده‌های رویداد ماوس و لمسی را به اسکریپت اضافه کنید
بهبود بازی: تشخیص برخورد بهتر
پیاده سازی تشخیص برخورد بهبود یافته
تست در شبیه ساز اندروید و شبیه ساز iOS
7. کنترل های بازی
با صفحه تنظیمات مقداری کنترل را به کاربر بدهید
اضافه کردن کنترل های بازی اشیاء DOM
شنونده‌ها و کنترل‌کننده‌های رویداد را برای کنترل‌های بازی اضافه کنید
سختی بازی را تغییر دهید
یک بازی جدید را شروع کنید
8. مقداری نویز اضافه کنید!
عناصر HTML را برای صدا اضافه کنید
اشیاء DOM را برای صدا راه اندازی کنید
پخش صداها در دستگاه تلفن همراه
جلوه های صوتی را تغییر دهید
موسیقی پس‌زمینه را تغییر دهید
نتیجه
پشتیبانی از مرورگر و دستگاه
گسترش
بررسی بهینه سازی ها
مراحل بعدی