آموزش ساخت بازی فیزیک متحرک با جاوا اسکریپت - آخرین آپدیت

دانلود Build Animated Physics Game with JavaScript

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش ساخت بازی دو بعدی با HTML5، CSS3 و JavaScript

طراحی دنیاهای فانتزی دو بعدی، انیمیشن سازی شخصیت ها، یادگیری ۱۰ تکنیک اساسی توسعه بازی و ساخت یک پروژه واقعی!

از HTML5، CSS3 و JavaScript برای ساخت یک بازی مرورگر از ابتدا تا انتها استفاده کنید.

  • یاد بگیرید چگونه تشخیص برخورد را برای شبیه سازی فیزیک دو بعدی اعمال کنید.
  • شخصیت های sprite sheet را متحرک کنید و آنها را با یکدیگر تعامل دهید.
  • یاد بگیرید چگونه ۱۰ تکنیک مهم را پیاده سازی کنید، که در هر پروژه توسعه بازی مفید هستند.
  • اصول برنامه نویسی شی گرا را در یک کد انیمیشن تعاملی اعمال کنید.
  • سیستم های ذرات متحرک برای افزایش تعامل ایجاد کنید.

پیش نیازها: این دوره برای مبتدیان مناسب است، دانش اولیه HTML، CSS و JavaScript برای دریافت حداکثر ارزش مورد نیاز است.

چه چیزی یک بازی عالی را می سازد؟

آیا زیبایی بصری و پولیش شده است یا گیم پلی که احساس خوب و پاسخگو دارد؟ آیا این در مورد ایده های منحصر به فرد است، یا شاید جزئیات کوچک، اسرار ویژه و تخم مرغ های عید پاک باشد؟ مواد تشکیل دهنده یک دستور العمل توسعه بازی عالی چیست؟

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

دانشجویان این کلاس مقدار زیادی از هنر بازی با وضوح بالا حرفه ای دو بعدی را به صورت رایگان دریافت خواهند کرد. من دارایی های هنری محیطی و شخصیتی را در قالب sprite sheet های آماده برای استفاده و همچنین فایل های منبع با قطعات جداگانه برای کسانی که می خواهند رنگ ها را ویرایش کنند، قارچ ها و موجودات خود را کنار هم قرار دهند یا انیمیشن های خود را ریگ کنند، ارائه می دهم.

امروز خواهیم آموخت:

  • نحوه پیاده سازی یک هوش مصنوعی بسیار ساده برای زنده کردن موجودات
  • چگونه FPS بازی خود را کنترل کنیم و چگونه زمان را برای فعال کردن رویدادهای دوره ای اندازه گیری کنیم
  • چگونه بازی را با فشار دادن یک دکمه دوباره راه اندازی کنیم
  • چگونه تشخیص برخورد را اعمال کنیم، برخوردها را حل کنیم و از آن برای شبیه سازی فیزیک استفاده کنیم
  • نحوه استفاده از روش drawImage داخلی برای رسم محیط های بازی تصادفی و شخصیت های متحرک از یک sprite sheet
  • چگونه موقعیت ماوس را ضبط کنیم و یک sprite sheet ۸ جهته را بر اساس موقعیت نسبی بین ماوس و شخصیت بازیکن متحرک کنیم
  • چگونه از HTML5، CSS3 و JavaScript ساده برای ساخت یک بازی از ابتدا استفاده کنیم. ما هر خط کد را می نویسیم و درک می کنیم، به هیچ چارچوب یا کتابخانه خارجی متکی نخواهیم بود

... و خیلی بیشتر

سرعت و تکنیک های این دوره برای مبتدیان مناسب است. دانش موجود از HTML، CSS و JavaScript برای دنبال کردن دوره مورد نیاز است. اگر اصول JavaScript را درک می کنید و می دانید توابع، حلقه های for و آرایه ها چیست، می توانید حداکثر ارزش را از این کلاس دریافت کنید.

لذت ببرید! :)


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

مقدمه Introduction

  • مقدمه Introduction

پروژه Project

  • تنظیمات اولیه Basic setup

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

  • طراحی بازیکن Drawing the player

  • کنترل‌های موس Mouse controls

  • حرکت دادن بازیکن Making the player move

  • ایجاد موانع Creating obstacles

  • موانع غیرهمپوشان Non-overlapping obstacles

  • تصاویر تصادفی از یک برگه спраيت Randomized images from a sprite sheet

  • قوانین موقعیت‌یابی Positioning rules

  • متد تشخیص برخورد قابل استفاده مجدد Reusable collision detection method

  • فیزیک Physics

  • انیمیشن спраيت 8 جهته 8 directional sprite animation

  • زاویه‌های انیمیشن Animation angles

  • حالت دیباگ Debug mode

  • محدودیت‌های حرکت بازیکن Player movement boundaries

  • FPS FPS

  • کلاس تخم Egg class

  • اضافه کردن دوره‌ای تخم‌های جدید Periodically adding new eggs

  • فیزیک تخم Egg physics

  • ترتیب رسم Draw order

  • کلاس دشمن Enemy class

  • کلاس لارو Larva class

  • تخم‌ریزی Egg hatching

  • اسپرایت‌ها و برخوردهای لارو Larva sprites and collisions

  • به دست آوردن امتیاز Gaining score points

  • جلوه‌های ذره‌ای Particle effects

  • حرکت ذره‌ای Particle motion

  • پوسته‌های تصادفی‌شده دشمن Randomised enemy skins

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

  • شروع مجدد بازی Restart game

  • گسترش کلاس دشمن Extending enemy class

  • حالت تمام صفحه ساده Simple fullscreen mode

  • انیمیشن کامل برگه спраيت بازیکن Player sprite sheet full animation

  • انیمیشن کامل برگه спраيت لارو Larva sprite sheet full animation

  • انیمیشن کامل برگه спраيت دشمنان Enemies sprite sheet full animation

پروژه جایزه (اختیاری) Bonus project (optional)

  • معرفی پروژه جایزه Bonus project introduction

  • راه‌اندازی پروژه Project setup

  • بهبود دنیای بازی Enhancing game worlds

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

  • کنترل‌های صفحه کلید Keyboard controls

  • شخصیت بازیکن Player character

  • انیمیشن спраيت 4 جهته 4-directional sprite animation

  • نحوه کنترل FPS How to control FPS

  • اشیاء بازی با موقعیت تصادفی Randomly positioned game objects

  • لایه بندی و ترتیب رسم در بازی‌های دو بعدی Layering and draw order in 2D games

نمایش نظرات

آموزش ساخت بازی فیزیک متحرک با جاوا اسکریپت
جزییات دوره
4.5 hours
46
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
5,430
4.7 از 5
دارد
دارد
دارد
Frank Dvorak
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Frank Dvorak Frank Dvorak

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