دوره آموزشی وانیلا جاوا اسکریپت: برنامه نویسی بازی های موبایل
2 ساعت 30 دقیقهمتوسط2019-08-05
مدرسین

Tom Duffy
Chair of Computer Science at Norwalk Community College
جزئیات دوره
هر توسعه دهنده ای می خواهد پروژه های سریع و سازگار با موبایل بنویسد. استفاده از یک بازی برای تمرین برنامه نویسی جاوا اسکریپت مهارت های شما را در همه زمینه های توسعه افزایش می دهد: چه در حال طراحی وب سایت های شرکتی، برنامه های تجارت الکترونیک، پخش کننده های چند رسانه ای، ناوبری تعاملی پیچیده، یا بله، بازی ها باشید. به مربی تام دافی بپیوندید تا شما را از طریق تمرینهای عملی راهنمایی کند که مهارتهای جاوا اسکریپت شما را به روشی سرگرمکننده میسازد. نحوه ایجاد و متحرک سازی اشیاء HTML، مدیریت ورودی کاربر، پیاده سازی حلقه بازی، تعیین نحوه تعامل اشیاء و استایل دادن به تمام عناصر با CSS را بیاموزید. تام همچنین نحوه ترکیب موسیقی و جلوه های صوتی و آزمایش بازی نهایی را با استفاده از شبیه سازهای اندروید و iOS نشان می دهد. در پایان دوره، شما راه خود را برای بهبود مهارت های جاوا اسکریپت وانیلی "بازی" خواهید کرد.
اهداف یادگیری
ایجاد عناصر بازی با HTML
تعریف شرایط با CSS
تعریف اشیا با جاوا اسکریپت
ایجاد انیمیشن جایگزین با جاوا اسکریپت
متحرک سازی اشیا با فرمول ها
شبیه سازی برخوردهای مرزی
استایل و موقعیت یابی عناصر با CSS
مدیریت رویدادهای صفحه کلید
رندر کردن اشیاء بازی روی صفحه
تشخیص برخورد
مدیریت دشواری
اضافه کردن شنوندگان رویداد برای رویدادهای تلفن همراه
تست بازی روی شبیه سازهای موبایل
اضافه کردن کنترل های بازی
پخش جلوه های صوتی و موسیقی
استقرار بازی جاوا اسکریپت شما
اهداف یادگیری
ایجاد عناصر بازی با HTML
تعریف شرایط با CSS
تعریف اشیا با جاوا اسکریپت
ایجاد انیمیشن جایگزین با جاوا اسکریپت
متحرک سازی اشیا با فرمول ها
شبیه سازی برخوردهای مرزی
استایل و موقعیت یابی عناصر با CSS
مدیریت رویدادهای صفحه کلید
رندر کردن اشیاء بازی روی صفحه
تشخیص برخورد
مدیریت دشواری
اضافه کردن شنوندگان رویداد برای رویدادهای تلفن همراه
تست بازی روی شبیه سازهای موبایل
اضافه کردن کنترل های بازی
پخش جلوه های صوتی و موسیقی
استقرار بازی جاوا اسکریپت شما
مهارت ها
JavaScriptOracleProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - جاوا اسکریپت خود را با یک بازی بهینه کنید
- 02 - آنچه باید بدانید
1. برنامه نویسی بازی
- 03 - مبانی برنامه نویسی بازی
- 04 - یک ویرایشگر انتخاب کنید
- 05 - نمایش محصول نهایی
2. اولین بازی شما
- 06 - اولین بازی شما
- 07 - عناصر بازی را با استفاده از HTML ایجاد کنید
- 08 - شرایط اولیه را با استفاده از CSS تعریف کنید و شیوه نامه را به HTML پیوند دهید
- 09 - اشیاء بازی را با استفاده از جاوا اسکریپت تعریف کنید
- 10 - اشیاء بازی را بچینید
- 11 - برای جابجایی نقطه بازی از اعداد تصادفی استفاده کنید
- 12 - حلقه بازی را ایجاد کرده و آن را راه اندازی کنید
3. انیمیشن
- 13 - مبانی انیمیشن
- 14 - با انیمیشن جایگزین شروع کنید
- 15 - با استفاده از جاوا اسکریپت انیمیشن جایگزین ایجاد کنید
- 16 - کمی ریاضی اضافه کنید - با انیمیشن نقطه به نقطه شروع کنید
- 17 - از یک فرمول برای متحرک سازی اشیا استفاده کنید
- 18 - سیستم مختصات جاوا اسکریپت
- 19 - برخوردهای مرزی و نحوه شبیه سازی آنها
4. Moving On - راه اندازی بازی Rebound
- 20 - عناصر بازی را با استفاده از HTML ایجاد کنید
- 21 - یک شیوه نامه به بازی اضافه کنید
- 22 - از CSS برای استایل و قرار دادن عناصر بازی استفاده کنید
- 23 - CSS بازی را با استفاده از ابزار توسعه دهنده کروم تست کنید
- 24 - با استفاده از جاوا اسکریپت متغیرهایی را برای اشیاء DOM ایجاد کنید
- 25 - اشیاء HTML DOM را مقداردهی اولیه کنید
- 26 - چیدمان منطقه بازی
- 27 - به رویدادهای صفحه کلید گوش دهید و مدیریت کنید
- 28 - جاوا اسکریپت خود را بهینه کنید
5. حلقه بازی
- 29 - حلقه بازی را شروع کنید
- 30 - مقدمه ای برای requestAnimationFrame()
- 31 - از requestAnimationFrame() استفاده کنید
- 32 - رندر - رسم اشیاء بازی روی صفحه
- 33 - فیزیک - تشخیص برخورد
- 34 - قابلیت پخش - مدیریت سختی
- 35 - اجرای شرایط پایان
6. آن را موبایل کنید
- 36 - از رویدادهای لمسی و ماوس پشتیبانی کنید
- 37 - شنوندگان رویداد را برای رویدادهای موس و لمسی اضافه کنید
- 38 - کنترل کننده های رویداد ماوس و لمسی را به اسکریپت اضافه کنید
- 39 - بهبود بازی - تشخیص برخورد بهتر
- 40 - تشخیص برخورد بهبود یافته را اجرا کنید
- 41 - تست در شبیه ساز اندروید و شبیه ساز iOS
7. کنترل های بازی
- 42 - با صفحه تنظیمات مقداری کنترل را به کاربر بدهید
- 43 - کنترل های بازی اشیاء DOM را اضافه کنید
- 44 - شنوندگان و کنترل کننده های رویداد را برای کنترل های بازی اضافه کنید
- 45 - سختی بازی را تغییر دهید
- 46 - بازی جدیدی را شروع کنید
8. مقداری نویز اضافه کنید
- 47 - عناصر HTML را برای صدا اضافه کنید
- 48 - اشیاء DOM را برای صدا راه اندازی کنید
- 49 - پخش صداها در دستگاه تلفن همراه
- 50 - جلوه های صوتی را تغییر دهید
- 51 - موسیقی پس زمینه را تغییر دهید
نتیجه
- 52 - پشتیبانی از مرورگر و دستگاه
- 53 - استقرار
- 54 - بهینه سازی ها را مرور کنید
- 55 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی چالشهای کدنویسی جاوااسکریپت: ساخت اپلیکیشنهای وب
- دوره آموزشی الگوهای JavaScript: راهحلهای مدرن برای چالشهای رایج
- دوره آموزشی جاوااسکریپت: ساخت ساختار داده لیستهای پیوندی
- دوره آموزشی جاوا اسکریپت: نقشه ها و مجموعه ها
- دوره آموزشی آرایه ها در جاوا اسکریپت
- دوره آموزشی یادگیری جاوااسکریپت: نوشتن کد مدرن با JavaScript ESNext
- دوره آموزشی یادگیری برنامهنویسی تابعی با جاوااسکریپت +ES6
- دوره آموزشی ساخت برنامههای تایپاسکریپت با JSDoc