آموزش جامع بازی سازی با BabylonJS (دو بعدی، سه بعدی و آنلاین با ColyseusJS) - آخرین آپدیت

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

مقدمه و مرور کلی BabylonJS Introduction & BabylonJS Overview

• مقدمه Introduction

• معرفی BabylonJS Presentation of BabylonJS

• کلاس‌های Engine و Scene Engine & Scene classes

• دوربین‌ها و نورها Cameras & Lights

• تکسچرها و متریال‌ها Textures & Materials

• فیزیک و سیستم‌های ذرات Physics & Particle Systems

• ورودی‌ها، رابط کاربری و مدیریت Assetها Inputs & GUI & Asset Management

قایم‌باشک - اولین بازی ۲.۵ بعدی ما Hide&Seek - Our first 2.5D Game !

• معرفی بازی قایم‌باشک Presentation of Hide&Seek

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

• راه‌اندازی Canvas و پنجره Setup Canvas & Window

• وارد کردن Assetها Import Assets

• معماری و حلقه بازی (Gameloop) Architecture & Gameloop

• راه‌اندازی رابط کاربری اولیه Setup Start UI

• تکمیل رابط کاربری اولیه Finish Start UI

• تغییر اندازه صفحه و نمایش چند مرورگری Resize Screen & Multi Navigator Display

• راه‌اندازی منوی اصلی و تغییر صحنه Main Menu Setup & Change Scene

• کانتکست (Context) در کامپوننت و تابع Context inside Component & Function

• توابع کمکی Helper Functions

• دکمه‌های منوی اصلی Main Menu Buttons

• پس‌زمینه متحرک با SpriteManager Animated Background with SpriteManager

• پس‌زمینه متحرک با SpriteMap Animated Background with SpriteMap

• پس‌زمینه متحرک با SpritePackManager Animated Background with SpritePackManager

• مش متحرک بازیکن - بخش اول Animated Player Mesh Part1

• مش متحرک بازیکن - بخش دوم Animated Player Mesh Part2

• دوربین دنبال‌کننده و مشکلات شفافیت Follow Camera and Transparency Issues

• عنوان منوی تک‌نفره Solo Menu Title

• رابط کاربری منوی تک‌نفره Solo Menu UI

• پیش‌بارگذاری صحنه بازی Game Scene preload

• محیط صحنه بازی Game Scene Environment

• یکپارچه‌سازی محیط صحنه بازی Game Scene Environment Integration

• اسکای‌باکس صحنه بازی Game Scene Skybox

• جلوه‌های ذرات صحنه بازی Game Scene Particle Effects

• حرکت بازیکن در صحنه بازی Game Scene Move Player

• انیمیشن بازیکن در صحنه بازی Game Scene Animate Player

• دیوارهای نامرئی Invisible Walls

• شخصیت‌های غیرقابل بازی (NPC) و رفتارها NPCs & Behaviors

• تایمر HUD - بخش اول HUD Timer Part 1

• شمارنده خرگوش HUD - بخش دوم HUD Rabbit Counter Part 2

• رابط کاربری منوی توقف UI Pause Menu

• دکمه خروج رابط کاربری UI Exit Button

• تعامل با NPCها Interaction with NPCs

• بازخورد تعامل Interaction Feedback

• شرایط برد و باخت Win & Loose Conditions

• منوی چندنفره محلی Local Multiplayer Menu

• نماها و تعاملات چندنفره محلی Local Multiplayer Views & Interactions

• بازخوردهای چندنفره محلی Local Multiplayer Feedbacks

• کلاس صدا برای موسیقی‌ها Sound Class for Musics

• کلاس صدا برای جلوه‌های صوتی (Sfx) Sound Class for Sfx

• تنظیمات صدا Sounds Options

• تنظیمات کنترل‌ها Controls Options

• رابط کاربری اولیه موبایل Start Mobile UI

• رابط کاربری داخل بازی برای موبایل Ingame Mobile UI

• انتشار و تولید Release & Production

• نتیجه‌گیری Conclusion

پانداها دوستت دارند - بازی شوتر چندنفره آنلاین سه‌بعدی Pandas Love You - 3D Online Multiplayer Shooter Game

• معرفی بازی پانداها دوستت دارند Presentation of Pandas Love You

• معرفی ویرایشگر BabylonJS Presentation of BabylonJS Editor

• ویرایشگر BabylonJS - فایل‌های اصلی BabylonJS Editor - Main Files

• ویرایشگر BabylonJS - اسکریپت‌ها BabylonJS Editor - Scripts

• معماری کلی پروژه Global Architecture of our Project

• وارد کردن Assetها Import Assets

• راه‌اندازی رابط کاربری اولیه Setup Start UI

• تغییر صحنه از رابط کاربری اولیه Start UI Change scene

• راه‌اندازی رابط کاربری منو Setup Menu UI

• رابط کاربری منو، لابی و اتاق Menu UI Lobby and Room

• یکپارچه‌سازی نقشه محیط Environment Map Integration

• راه‌اندازی کلاس‌های GameManager، Player و Enemy Setup GameManager & Player & Enemy classes

• وارد کردن مش دشمن Import Enemy Mesh

• رفتار پایه هوش مصنوعی دشمن Basic AI Enemy Behavior

• بهینه‌سازی وارد کردن با Asset Container Optimize import with Asset Container

• وارد کردن مش پنجه‌های بازیکن Import Player Paws Mesh

• مرگ دشمن با Bounding Box جدید Enemy Death with new Bounding Box

• معرفی ColyseusJS ColyseusJS - Presentation

• راه‌اندازی ColyseusJS ColyseusJS - Setup

• راه‌اندازی NetworkManager Setup NetworkManager

• ایجاد اتاق Create Room

• پیوستن یا ایجاد اتاق Join or Create Room

• لیست اتاق‌ها Room List

• نمونه‌سازی بازیکن Player Instantiation

• همگام‌سازی و درون‌یابی موقعیت بازیکن Player Position Synchronization and Interpolation

• همگام‌سازی چرخش بازیکن Player Rotation Synchronization

• همگام‌سازی پرتابه بازیکن Player Projectile Synchronization

• همگام‌سازی ظاهر شدن دشمن Enemy Apparition Synchronization

• همگام‌سازی کشتن دشمن Enemy Killing Synchronization

• همگام‌سازی موج‌های دشمنان Waves of Enemies Synchronization

• نقش مستر (Master) Master Role

• همگام‌سازی موقعیت دشمن Enemy Position Synchronization

• کشتن بازیکنان Killing Players

• برد، باخت و شروع مجدد Win & Loose & Restart

• مدیریت صدا برای موسیقی‌ها SoundManager for Musics

• مدیریت صدا برای لوپ و جلوه‌های صوتی SoundManager for Loop & Sfx

• [اضافی] بلندر و میکسامو - راه‌اندازی مدل سه‌بعدی [Extra] Blender & Mixamo - Setup 3D Model

• حالت‌های انیمیشن بازیکن: حمله و بیکاری Player Animation States Attack & Idle

• انیمیشن‌های حرکتی بازیکن Player Animation Movements

• نتیجه‌گیری کلی Global Conclusion