Full Babylonjs Game Dev (2D, 3D, Online With Colyseusjs)
Published 4/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 11.37 GB | Duration: 20h 3m
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
TurboBit
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
