Single Multiplayer Game Development In Webgls Babylonjs

The Extensive Webgl Series ! - Part II : Single and client - server Multiplayer Game Development Using Babylon Js

Last updated 2022-01-10 | 4.5

- Understand and use the very nice game engine ( BabylonJs ) to create 3D online games (single-player and multi-player)
- Learn NodeJs and Socket-io communication library

What you'll learn

Understand and use the very nice game engine ( BabylonJs ) to create 3D online games (single-player and multi-player)
Learn NodeJs and Socket-io communication library

* Requirements

* Be familiar with programming
* preferably in Javascript
* Be familiar with basic object oriented programming concepts (classes
* member functions
* etc)
* Be slightly familiar with basic web development components like basic html and the client server model

Description

Welcome to The Extensive Webgl Series - Part II - Single And Multiplayer Online Client-Server 3D Game Development Using WebGL's BabylonJs.

This is the second course in my extensive webgl series. While watching the first course first is recommended, it is not a strict prerequisite for this second course.

In This course you will learn how to create 3D Games inside BabylonJS. BabylonJs is a very nice 3d game engine written in Javascript, that allows creating very nice games quickly and effectively to be run directly on the browser.

The course is divided into two main sections : The Single-player section, and the Multi-player section.

In The single-player section you will learn the following :

  • How to create your first scene using BabylonJs.
  • How to apply materials and lights to your scene.
  • How to use different types of cameras in your scene.
  • How to create and navigate a vehicle using WASD keys.
  • How to import models into your game and clone them.
  • How to detect and handle collisions in your game.
  • How to apply physics simulations to your object.
  • How to fire rays.
  • How to use particle systems
  • How to create a complete FPS (First Person Shooter) Game from scratch, step by step.
  • How to load sounds to your game.
  • How to use multiple cameras and multiple view ports to see multiple areas of your game at the same time.
  • How to create multiple levels inside your game.
  • How to deploy your game to a remote server.
  • And much more...

In the multiplayer section you will learn the following :

  • How to use NodeJs and its node package manager (npm) to create a web server.
  • What are websockets and how to use the popular socket-io library.
  • How to create an interactive client-server multiplayer game using node and socket-io.
  • How to deploy the multiplayer game to a remote server.




Who this course is for:

  • People interested in creating online 3D games on the web, both single-player and multi-player games

Course content

8 sections • 58 lectures

Welcome To The Course ! Preview 02:42

The Code Files Preview 00:05

Hi, Please Note That Different Code Files Are Available Per Section, So That You Work With Me Step By Step.

After You Extract The Folder Go To SinglePlayer/js/Lectuer-Codes, Where You Will Find Code Files For Each Section

Setting up the environment Preview 05:36

First Scene Preview 15:56

Getting Higher Resolution Preview 00:37

Materials , Lights , and Textures Preview 06:24

Mirror Planes Preview 08:48

More about materials Preview 21:50

Height Maps Preview 17:04

Pointer Lock (FPS) and Using WASD keys Preview 12:41

Basic tank, and the follow camera Preview 15:40

Moving the tank using WASD keys Preview 11:56

Model Loading ! : Importing the dude Preview 12:55

Dude Follows Tank ! Preview 12:59

Organize : The Dude Class Preview 04:11

Cloning Models : Multiple Dudes Preview 13:11

Bounding Boxes : Theory Preview 09:08

Bounding Boxes : Implementation - I Preview 15:21

Bounding Boxes : Implementation - II Preview 17:22

Introduction to physics Preview 11:27

Forces and Impulses Preview 18:29

Explosions, Gravitation, & collision callbacks Preview 12:52

Fire Cannon balls ! Preview 19:45

Actions, Triggers, & ActionManager Preview 25:33

RayCasting ! : Fire Laser Beams Preview 27:46

Particle Systems ! Preview 05:03

Laser & Blood Preview 09:57

Cannon Balls & Blood Preview 08:20

The Assets Manager Preview 07:12

Loading Dudes using the Assets Manager Preview 05:03

Loading Sounds ! Preview 07:22

Follow Camera For The Hero Dude - I Preview 09:40

Follow Camera For The Hero Dude - II Preview 11:14

Adjusting vertical position using rays Preview 07:10

The Free Camera's Ellipsoid Explained Preview 04:12

The First Person Shooter (FPS) Dude Preview 17:42

Creating the gun-aim (cross-hair) Preview 09:45

Fire The Gun ! Preview 07:20

Multiple View-Ports Preview 16:49

Layer masks and multiple cameras Preview 06:28

Key-frame Animations ! : Animating The Camera Preview 17:53

Multiple Levels ! - I Preview 09:14

Multiple Levels ! - II Preview 15:23

Introduction to the multiplayer section Preview 00:30

What is Node Js ? Preview 02:33

Installing NodeJs Preview 01:18

NodeJs modules - First NodeJs Code Preview 10:24

Creating a node http server Preview 04:53

npm and installing express Preview 07:34

Running our game using node server Preview 07:23

Introduction to websockets Preview 03:30

The socket-io library Preview 12:31

Our Multiplayer Game - I Preview 11:03

Our Multiplayer Game - II Preview 08:39

Our Multiplayer Game - III Preview 04:10

Deploying To Heroku Preview 06:10