آموزش ساخت بازی با جاوا اسکریپت

Learn Game Development with JavaScript

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بازی های دو بعدی متحرک خود را بسازید بازی های دو بعدی با HTML، CSS و جاوا اسکریپت، بدون فریم ورک و بدون کتابخانه بسازید. تکنیک های انیمیشن سازی وب را با عنصر بوم HTML تمرین کنید برنامه نویسی شی گرا را تمرین کنید 5 تکنیک اساسی توسعه بازی های دو بعدی را کشف کنید و یاد بگیرید و از آنها در یک پروژه واقعی استفاده کنید. پیش نیازها: برای پیگیری این دوره به دانش اولیه HTML، CSS و جاوا اسکریپت نیاز است دسترسی به ویرایشگر کد و مرورگر اینترنت

بازی ها باید هیجان انگیز، پر از اسرار و ویژگی های خاص باشند! اجازه دهید من شما را گام به گام در فرآیند خلاقانه‌ام راهنمایی کنم و به شما نشان دهم که چگونه جهان‌های بازی منحصربه‌فردی را برای بازی‌بازان می‌سازم تا در آن ماجراجویی کنند. هر خط کد را در حین نوشتن توضیح خواهم داد. بیایید برنامه نویسی شی گرا را تمرین کنیم و از HTML، CSS و جاوا اسکریپت ساده وانیلی برای ساخت یک بازی استفاده کنیم. هیچ چارچوب و کتابخانه‌ای وجود نخواهد داشت، زیرا ما می‌خواهیم درک عمیقی از نحوه عملکرد همه چیز داشته باشیم.


بیایید یک سیاره بیگانه و شکل‌های زندگی مکانیکی آن را در یک اسکرول جانبی دوبعدی با مضمون استیمپانک کاوش کنیم. نحوه پیاده سازی:

را یاد خواهیم گرفت
  • انیمیشن Sprite

  • پس زمینه های اختلاف منظر

  • تشخیص برخورد

  • پاور آپ

  • انواع دشمنان مختلف که گیم پلی بازی را تغییر می دهند

  • و بسیاری از ویژگی های دیگر توسعه بازی دو بعدی

اگر یک توسعه‌دهنده وب مبتدی هستید که در مورد توسعه بازی، برنامه‌نویسی خلاقانه انیمیشن‌های وب، کنجکاو هستید، به من بپیوندید و یاد بگیرید که چگونه تصاویری زیبا برای بازی‌های خود ایجاد کنید، و چگونه ویژگی‌های منحصربه‌فرد بازی را پیاده‌سازی کنید که پروژه شما را متمایز کند. . لذت ببرید!


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


سرفصل ها و درس ها

کد نویسی Coding

  • راه اندازی HTML و CSS HTML & CSS setup

  • راه اندازی اولیه جاوا اسکریپت Basic JavaScript setup

  • برنامه نویسی شی گرا با جاوا اسکریپت Object Oriented Programming with JavaScript

  • ایجاد اشیاء Player & Game Creating Player & Game objects

  • حلقه انیمیشن Animation loop

  • ورودی های صفحه کلید Keyboard inputs

  • ایجاد پرتابه Creating projectiles

  • رویدادهای دوره ای Periodic events

  • طراحی رابط کاربری بازی Draw game UI

  • پایه کلاس دشمن Base enemy class

  • تشخیص برخورد بین مستطیل ها Collision detection between rectangles

  • نمره بازی رسم Drawing game score

  • شرط برد و باخت Win and lose condition

  • شمارش زمان بازی Counting game time

  • پس زمینه متحرک اختلاف منظر Animated parallax backgrounds

  • انیمیشن Sprite با جاوا اسکریپت Sprite animation with JavaScript

  • ایجاد حالت اشکال زدایی Creating a debug mode

  • متحرک سازی ورق های جن دشمن Animating enemy sprite sheets

  • کلاس دشمن ماهیگیر شب Night Angler enemy class

  • کلاس دشمن ماهی خوش شانس Lucky Fish enemy class

  • جمع آوری پاور آپ ها Collecting power ups

  • ترسیم پرتابه به عنوان تصویر Drawing projectiles as images

  • فونت های سفارشی و متن بازی Custom fonts and game text

  • تمیز کردن Cleaning up

  • اثرات ذرات و فیزیک Particle effects and physics

  • چرخش ذرات Particle rotation

  • ترفندها و اصلاحات Tweaks and fixes

  • کلاس دشمن نهنگ کندو Hive Whale enemy class

  • کلاس دشمن هواپیماهای بدون سرنشین Drone enemy class

  • انیمیشن اثر گرد و غبار Dust effect animation

  • انیمیشن افکت آتش Fire effect animation

  • تنظیم سختی بازی Tuning game difficulty

  • کلاس دشمن Bulb Whale Bulb Whale enemy class

  • نوع دشمن ماه ماهی Moon Fish enemy type

  • صدا Sounds

  • سپر متحرک Animated shield

  • پرتابه های متحرک Animated projectiles

  • بعدش چی؟ What's next?

نمایش نظرات

آموزش ساخت بازی با جاوا اسکریپت
جزییات دوره
3 hours
38
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
8,789
4.8 از 5
دارد
دارد
دارد
Frank Dvorak
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Frank Dvorak Frank Dvorak

توسعه دهنده وب فرانت اند و مدرس در آزمایشگاه فرانک سلام، من فرانک هستم! من یک توسعه‌دهنده وب مقدماتی، مالک کانال یوتیوب آزمایشگاه Frank هستم، که در کدنویسی خلاقانه با جاوا اسکریپت وانیلی و بوم HTML تخصص دارد. بیایید چند هنر، بازی و پروژه های بصری بسازیم و در مورد HTML، CSS، جاوا اسکریپت و توسعه وب جلویی بیاموزیم! در دوره هایم فقط از جاوا اسکریپت ساده وانیلی، بدون فریمورک و بدون کتابخانه استفاده می کنم. وقتی درک عمیقی از زبان برنامه نویسی جاوا اسکریپت داشته باشید، انتخاب هر کتابخانه ای آسان است.