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

Build Animated Physics Game with JavaScript

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

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

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

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

امروز یاد خواهیم گرفت:

- نحوه استفاده از روش drawImage داخلی برای ترسیم محیط‌های بازی تصادفی و شخصیت‌های متحرک از یک صفحه sprite

- چگونه FPS بازی خود را کنترل کنیم و چگونه زمان را برای راه اندازی رویدادهای دوره ای اندازه گیری کنیم

- نحوه راه اندازی مجدد بازی با فشار دادن یک دکمه

- نحوه اعمال تشخیص برخورد، حل برخوردها و استفاده از آن برای شبیه سازی فیزیک

- نحوه پیاده سازی یک هوش مصنوعی بسیار ساده برای ایجاد احساس زنده بودن در موجودات

- نحوه گرفتن موقعیت ماوس و متحرک سازی یک صفحه اسپرایت 8 جهتی بر اساس موقعیت نسبی بین ماوس و کاراکتر پخش کننده

- نحوه استفاده از HTML5، CSS3 و جاوا اسکریپت ساده وانیلی برای ساختن یک بازی از ابتدا. ما هر خط کد را می نویسیم و درک می کنیم، به هیچ چارچوب یا کتابخانه خارجی تکیه نمی کنیم

... و موارد دیگر

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

از آن لذت ببرید! :)

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


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

درس ها Lessons

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

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

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

  • مقدمه Introduction

  • حالت اشکال زدایی Debug mode

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

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

  • فیزیک تخم مرغ Egg physics

  • حرکت ذرات Particle motion

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

  • فیزیک Physics

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

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

  • ترسیم بازیکن Drawing the player

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

  • جن و برخورد لارو Larva sprites and collisions

  • انیمیشن کامل Enemies Sprite Sheet Enemies sprite sheet full animation

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

  • FPS FPS

  • کسب امتیاز Gaining score points

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

  • راه اندازی اولیه Basic setup

  • اثرات ذرات Particle effects

  • جوجه کشی تخم Egg hatching

  • انیمیشن کامل صفحه اسپرایت پخش کننده Player sprite sheet full animation

  • تصاویر تصادفی از یک ورق sprite Randomized images from a sprite sheet

  • انیمیشن کامل ورق لارو اسپرایت Larva sprite sheet full animation

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

  • 8 انیمیشن جن جهتی 8 directional sprite animation

  • طبقه دشمن Enemy class

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

  • ترتیب قرعه کشی Draw order

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

  • بازی را دوباره راه اندازی کنید Restart game

  • کلاس تخم مرغ Egg class

  • کلاس لارو Larva class

نمایش نظرات

آموزش ساخت بازی فیزیک متحرک با جاوا اسکریپت
جزییات دوره
3h 29m
36
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
3
از 5
دارد
دارد
دارد
Frank Dvorak
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Frank Dvorak Frank Dvorak

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