Full Babylonjs Game Dev (2D, 3D, Online With Colyseusjs)

Create and develop solo and online multiplayer videogames (2D & 3D) for web including mobile design.

What you'll learn

BabylonJS Framework for 2D & 3D Web Videogame Development

ColyseusJS Framework for Online Multiplayer Videogame Development

Discover Basic Components of 3D Engine (Materials, Textures, Interaction Systems etc.)

Two Complete Projects in 2.5D and 3D (Hide&Seek, Pandas Love You) with Complete Code Access

Learn Good Practices and Tips for Online Videogame Development

Learn Responsive Design approach with BabylonJS for Computer and Mobile

Theoretical and Practical approaches to Build Videogames

Discover Coding Practices to make Complete Web Videogames in Typescript

Create Projects with or without BabylonJS Editor

First insights in Project Production for Indie Game Development

Requirements

Basic programming experience needed in Javascript or Typescript.

No specific knowledge is required in Videogame Design.

Computer capable of running BabylonJS 5.0

Internet access to import packages

Description

Welcome to my BabylonJS course, where you will learn everything you need to know about creating 2D and 3D web games, including solo and local multiplayer development, using TypeScript and BabylonJS for graphics and game features, and ColyseusJS for the online multiplayer part.The course is divided into three main parts. In the first part, we will provide a quick theoretical overview of BabylonJS as a 3D web engine. This will include its features, capabilities, and limitations. You will have a presentation of the main classes and components of this framework.In the second part, we will put our newfound skills to the test by creating a 2.5D game called 'Hide&Seek'. This game will feature mobile-responsive design principles and a local multiplayer approach, allowing players to cooperate together to win. You'll have tips and coding practices to create 2D and 2.5D games, with a proper architecture and satisfying graphics.In the final part of the course, we will explore the world of 3D online multiplayer game dev by creating a first person shooter game called 'Pandas Love You'. Using ColyseusJS to handle the online multiplayer part, we will use the BabylonJS Editor to create an environment and discover coding practices using this specific tool.It is important to note that this course does not cover topics such as : Deep performance optimizationMarketingCommunication strategyGraphic asset creationSound asset creationHowever, you will understand and learn the essential skills to create high-quality games  from a coding perspective and how to find appropriate asset resources.Lastly, I want to emphasize that all the assets used in the projects are free to be used, as long as the creators are cited and all conditions of their respective license are filled. I really want to encourage the use of free resources and the support of talented creators in the game development community.Whether you are a beginner or an experienced game developer, this course is designed to help you master the art of creating web games using BabylonJS and ColyseusJS. By the end of the course, you will have the skills and knowledge you need to take your game development career to the next level. So, let's get started!

Overview

Section 1: Introduction & BabylonJS Overview

Lecture 1 Introduction

Lecture 2 Presentation of BabylonJS

Lecture 3 Engine & Scene classes

Lecture 4 Cameras & Lights

Lecture 5 Textures & Materials

Lecture 6 Physics & Particle Systems

Lecture 7 Inputs & GUI & Asset Management

Section 2: Hide&Seek - Our first 2.5D Game !

Lecture 8 Presentation of Hide&Seek

Lecture 9 Project Setup

Lecture 10 Setup Canvas & Window

Lecture 11 Import Assets

Lecture 12 Architecture & Gameloop

Lecture 13 Setup Start UI

Lecture 14 Finish Start UI

Lecture 15 Resize Screen & Multi Navigator Display

Lecture 16 Main Menu Setup & Change Scene

Lecture 17 Context inside Component & Function

Lecture 18 Helper Functions

Lecture 19 Main Menu Buttons

Lecture 20 Animated Background with SpriteManager

Lecture 21 Animated Background with SpriteMap

Lecture 22 Animated Background with SpritePackManager

Lecture 23 Animated Player Mesh Part1

Lecture 24 Animated Player Mesh Part2

Lecture 25 Follow Camera and Transparency Issues

Lecture 26 Solo Menu Title

Lecture 27 Solo Menu UI

Lecture 28 Game Scene preload

Lecture 29 Game Scene Environment

Lecture 30 Game Scene Environment Integration

Lecture 31 Game Scene Skybox

Lecture 32 Game Scene Particle Effects

Lecture 33 Game Scene Move Player

Lecture 34 Game Scene Animate Player

Lecture 35 Invisible Walls

Lecture 36 NPCs & Behaviors

Lecture 37 HUD Timer Part 1

Lecture 38 HUD Rabbit Counter Part 2

Lecture 39 UI Pause Menu

Lecture 40 UI Exit Button

Lecture 41 Interaction with NPCs

Lecture 42 Interaction Feedback

Lecture 43 Win & Loose Conditions

Lecture 44 Local Multiplayer Menu

Lecture 45 Local Multiplayer Views & Interactions

Lecture 46 Local Multiplayer Feedbacks

Lecture 47 Sound Class for Musics

Lecture 48 Sound Class for Sfx

Lecture 49 Sounds Options

Lecture 50 Controls Options

Lecture 51 Start Mobile UI

Lecture 52 Ingame Mobile UI

Lecture 53 Release & Production

Lecture 54 Conclusion

Section 3: Pandas Love You - 3D Online Multiplayer Shooter Game

Lecture 55 Presentation of Pandas Love You

Lecture 56 Presentation of BabylonJS Editor

Lecture 57 BabylonJS Editor - Main Files

Lecture 58 BabylonJS Editor - Scripts

Lecture 59 Global Architecture of our Project

Lecture 60 Import Assets

Lecture 61 Setup Start UI

Lecture 62 Start UI Change scene

Lecture 63 Setup Menu UI

Lecture 64 Menu UI Lobby and Room

Lecture 65 Environment Map Integration

Lecture 66 Setup GameManager & Player & Enemy classes

Lecture 67 Import Enemy Mesh

Lecture 68 Basic AI Enemy Behavior

Lecture 69 Optimize import with Asset Container

Lecture 70 Import Player Paws Mesh

Lecture 71 Enemy Death with new Bounding Box

Lecture 72 ColyseusJS - Presentation

Lecture 73 ColyseusJS - Setup

Lecture 74 Setup NetworkManager

Lecture 75 Create Room

Lecture 76 Join or Create Room

Lecture 77 Room List

Lecture 78 Player Instantiation

Lecture 79 Player Position Synchronization and Interpolation

Lecture 80 Player Rotation Synchronization

Lecture 81 Player Projectile Synchronization

Lecture 82 Enemy Apparition Synchronization

Lecture 83 Enemy Killing Synchronization

Lecture 84 Waves of Enemies Synchronization

Lecture 85 Master Role

Lecture 86 Enemy Position Synchronization

Lecture 87 Killing Players

Lecture 88 Win & Loose & Restart

Lecture 89 SoundManager for Musics

Lecture 90 SoundManager for Loop & Sfx

Lecture 91 [Extra] Blender & Mixamo - Setup 3D Model

Lecture 92 Player Animation States Attack & Idle

Lecture 93 Player Animation Movements

Lecture 94 Global Conclusion

Beginner Typescript or Javascript developers curious about Videogame Development,Curious learners about Videogame Development,Curious learners about Web 3D Engine