We may earn an affiliate commission when you visit our partners.
Course image
Udemy logo

Full BabylonJS Game Dev (2D, 3D, Online with ColyseusJS)

Welcome to my Babylon JS 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.

Read more

Welcome to my Babylon JS 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 optimization

  • Marketing

  • Communication strategy

  • Graphic asset creation

  • Sound asset creation

However, 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.

Enroll now

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Develops advanced skills in computer graphics, game design, and development
Taught by Erwin Coumans, a developer on the core engine team of BabylonJS
Builds upon foundational knowledge of JavaScript, TypeScript, and computer graphics
Emphasizes mobile-responsive game design
Provides tips and coding practices for creating 2D, 2.5D, and 3D games
Teaches how to work with free resources and cite creators appropriately

Save this course

Save Full BabylonJS Game Dev (2D, 3D, Online with ColyseusJS) to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Full BabylonJS Game Dev (2D, 3D, Online with ColyseusJS) with these activities:
Review Basic JavaScript Concepts
Help you refresh your JavaScript knowledge before starting the course.
Browse courses on JavaScript
Show steps
  • Review online tutorials or documentation on basic JavaScript concepts (e.g., variables, data types, functions).
  • Complete short JavaScript coding exercises to practice your skills.
Follow BabylonJS Tutorials
Help you learn the basics of BabylonJS.
Show steps
  • Find BabylonJS tutorials online or in books.
  • Follow the tutorials step-by-step.
  • Experiment with the code and try out different things.
Organize Your BabylonJS Learning Resources
Help you keep track of all the BabylonJS resources you've gathered.
Show steps
  • Create a folder or notebook for your BabylonJS learning resources.
  • Organize the resources by type (e.g., tutorials, code examples, documentation).
  • Add new resources to the folder as you find them.
Six other activities
Expand to see all activities and additional details
Show all nine activities
Compile Your Course Notes and Materials
Help you organize your course materials for easy reference.
Show steps
  • Create a folder or notebook for your course notes and materials.
  • Organize the materials by topic or section.
  • Review your notes and materials regularly to reinforce your learning.
Review Game Programming Patterns
Help reinforce the concepts of object-oriented programming by applying them to game development.
Show steps
  • Read Chapter 1-3 to understand the basic concepts of design patterns.
  • Implement the Singleton pattern in your own project.
  • Read Chapter 4-6 to learn about creational patterns.
  • Implement the Factory Method pattern in your own project.
  • Finish reading the book for a comprehensive understanding of game programming patterns.
Practice Solving BabylonJS Coding Challenges
Help you improve your BabylonJS coding skills.
Show steps
  • Find BabylonJS coding challenges online or in books.
  • Solve the coding challenges on your own.
  • Review your solutions and identify areas for improvement.
  • Repeat steps 1-3 as needed to improve your skills.
Attend a BabylonJS Workshop
Help you learn BabylonJS from experienced professionals.
Show steps
  • Find a BabylonJS workshop in your area or online.
  • Register for the workshop and attend all sessions.
  • Participate in discussions and ask questions.
Create a Simple Game Prototype
Help you apply the concepts learned in the course to a practical project.
Browse courses on Game Development
Show steps
  • Brainstorm and design a simple game concept.
  • Create the game assets (e.g., sprites, backgrounds, music).
  • Code the game logic using BabylonJS.
  • Test and iterate on your game.
  • Publish your game online or share it with friends.
Write a Blog Post About Your Game Development Experience
Help you reflect on what you've learned and share your knowledge with others.
Browse courses on Game Development
Show steps
  • Choose a topic related to your game development experience.
  • Write an outline for your blog post.
  • Create a draft of your blog post.
  • Edit and revise your blog post.
  • Publish your blog post and promote it on social media.

Career center

Learners who complete Full BabylonJS Game Dev (2D, 3D, Online with ColyseusJS) will develop knowledge and skills that may be useful to these careers:
Game Developer
Game Developers design, develop and maintain computer games. You may build 2D or 3D games, or perhaps create casino and arcade games. The game industry is constantly evolving, and games are now produced for many different platforms, from mobile phones to gaming consoles. This course in Babylon JS (a JavaScript framework for 2D and 3D web game development) and ColyseusJS (a JavaScript framework for online multiplayer game development) will provide a great foundation for entering this industry.
Game Programmer
A Game Programmer creates the code that makes video games work. This work involves programming the game engine, which controls everything from movement to physics. In doing this, you will use various programming languages to develop the game's features and mechanics. Familiarity with BabylonJS and ColyseusJS would be very helpful for this role. It can also be helpful to have a background in computer science or software engineering.
Game Designer
Game Designers are responsible for the planning and design of video games. This includes creating the game's story, characters, levels, and gameplay. The work also includes testing and refining the game to ensure that it is fun and engaging for players. This course will be helpful for this role because it provides a hands-on experience in creating games with Babylon JS and ColyseusJS.
Back-End Developer
Back-End Developers are responsible for the server-side logic of websites and web applications. They use a variety of programming languages and technologies to create websites that are both functional and secure. This course may be useful for Back-End Developers who want to specialize in creating web games.
Front-End Developer
Front-End Developers are responsible for the user interface and user experience of websites and web applications. They use HTML, CSS, and JavaScript to create websites that are both visually appealing and easy to use. This course may be useful for Front-End Developers who want to specialize in creating web games.
Software Developer
Software Developers design, develop, and maintain software applications. They work closely with other members of the development team to ensure that the software meets the needs of the user. While not all Software Developers work in the game industry, this course may be useful for those who do.
Web Developer
Web Developers design, develop, and maintain websites. They use a variety of programming languages to create websites that are both functional and visually appealing. This course may be useful for Web Developers who want to specialize in creating web games.
Data Scientist
Data Scientists use data to solve problems. They use a variety of statistical and machine learning techniques to analyze data and extract meaningful insights. While not all Data Scientists work in the field of game development, this course may be useful for those who do.
Machine Learning Engineer
Machine Learning Engineers design, develop, and deploy machine learning models. They use a variety of programming languages and technologies to create models that can learn from data and make predictions. While not all Machine Learning Engineers work in the field of game development, this course may be useful for those who do.
Professor
Professors teach and conduct research at colleges and universities. They are typically experts in their field and are responsible for developing and delivering curriculum, grading students, and advising students on their academic and career goals. While not all Professors work in the field of computer science or game development, this course may be useful for those who do.
Computer Scientist
Computer Scientists conduct research on the theory and foundations of computing. They develop new algorithms and data structures and study the limits of computation. While not all Computer Scientists work in the field of game development, this course may be useful for those who do.
Technical Writer
Technical Writers create and maintain technical documentation, such as user manuals, software documentation, and training materials. They use a variety of writing skills to explain complex technical concepts in a clear and concise manner. While not all Technical Writers work in the field of computer science or game development, this course may be useful for those who do.
Teacher
Teachers plan, prepare, and deliver instruction to students in schools, colleges, and other educational settings. They use a variety of teaching methods to help students learn and grow. While not all Teachers work in the field of computer science or game development, this course may be useful for those who do.
AI Engineer
AI Engineers design, develop, and deploy AI systems. They use a variety of programming languages and technologies to create systems that can learn from data and make predictions. While not all AI Engineers work in the field of game development, this course may be useful for those who do.
DevOps Engineer
DevOps Engineers work to bridge the gap between software development and operations. They use a variety of tools and techniques to automate and streamline the software development process. While not all DevOps Engineers work in the field of game development, this course may be somewhat useful for those who do.

Reading list

We've selected ten books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Full BabylonJS Game Dev (2D, 3D, Online with ColyseusJS).
Introduces the fundamentals of game development using Babylon.js, thoroughly covering topics like creating 2D/3D games, optimizing performance, and building multiplayer games with Colyseus. It valuable resource for anyone looking to get started with Babylon.js.
Is an advanced guide to WebGL, covering topics like shader programming, performance optimization, and creating complex 3D scenes. While not directly related to Babylon.js, it provides a deeper understanding of the underlying technology and techniques that Babylon.js is built upon, enabling you to explore more advanced features and customize your Babylon.js projects.
Explores the fundamentals of game AI and provides practical examples of implementing various AI techniques in games. It covers topics like pathfinding, state machines, decision trees, and reinforcement learning, which can enhance your ability to create intelligent and engaging AI for your Babylon.js games.
Provides a comprehensive overview of realistic rendering techniques in computer graphics. It covers topics such as lighting, shading, and global illumination, providing Babylon.js developers with insights into creating more visually stunning games.
Provides a comprehensive overview of game engine architecture and design patterns. It covers topics like entity-component-system (ECS), event-driven programming, and memory management, offering a deeper understanding of the underlying principles and best practices in game development, which can benefit Babylon.js developers.
Takes a hands-on approach to building a custom game engine from scratch using JavaScript. While not directly related to Babylon.js, it offers valuable insights into the fundamentals of game engine development, covering topics like rendering, physics, and audio, which can enhance your understanding of Babylon.js.
Provides practical insights into game programming algorithms and techniques. It covers a wide range of topics, from pathfinding to collision detection to AI, providing Babylon.js developers with a valuable resource for optimizing their game code.
Provides a comprehensive overview of WebGL, the graphics API used by Babylon.js. It valuable resource for developers looking to understand the underlying technology and improve their performance.
Provides a fun and engaging introduction to Java, the programming language used by Babylon.js. It valuable resource for beginners looking to get started with game development.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Full BabylonJS Game Dev (2D, 3D, Online with ColyseusJS).
Unity Multiplayer UNET Build Online Shooter . Code...
Most relevant
Unreal Engine 5 C++ Multiplayer: Make An Online Co-op Game
Most relevant
Build Your Multiplayer VR Game From Scratch With Fusion
Most relevant
The Beginners Guide to 3D Web Game Development with...
Most relevant
Unreal Engine 5 C++ Developer: Learn C++ & Make Video...
Most relevant
Online Games: Literature, New Media, and Narrative
Most relevant
Guided Project: Learn JavaScript with Rock-Paper-Scissors...
Most relevant
Guided Project: Learn JavaScript with Rock-Paper-Scissors
Most relevant
Fortnite Fundamentals: Strategies, Mechanics & Game...
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser