3D Programming with WebGL and Babylon.js for Beginners

Upgrade your skills and become future-ready by incorporating 3D technologies in your web development belt

 

Join 500,000 Learners

Overview

This course has been deprecated and is no longer supported.  For our latest courses on browser games, consider trying our evergreen curriculums with a 1-Year Unlimited Access Package.

This course uses version 2 of Babylon.js

Currently supported by all browsers, WebGL is a JavaScript API that allows you to render 3D images in the browser, without the use of plugins. Existing libraries such as Babylon.js make this process very easy and intuitive for developers with JavaScript knowledge.

In this course you will learn the basic concepts of WebGL and how to program 3D web applications using Babylon.js. We’ll follow a very practical approach so that you won’t only learn to create really cool 3D scenes and animations, but also you’ll learn how to use existing 3D models from Blender in Babylon.js apps, and how to incorporate Babylon.js apps into existing websites.

webgl online course

By the end of this course, you’ll have the basic tools to undertake innovative projects such as:

  • 3D games in the browser.
  • Educational websites using 3D models (planetary systems, models of the human body, animals).
  • 3D data visualization.
  • E-commerce stores that showcase 3D designs of the products they sell.
  • Real estate websites where the visitor can walk in a 3D model of the house.
  • Virtual reality projects.

babylonjs online course

Concepts covered in this course:

  • What is WebGL and how it works(*)
  • Basics of 3D programming with Babylon.js
  • Rendering scenes, meshes, materials, textures, lights
  • Working with cameras
  • Adding mobile support
  • Representing a 3D solar system for educational apps
  • Creating beautiful environments with skyboxes
  • Exporting Blender models into Babylon.js applications
  • Adding Babylon.js apps to existing websites

*Native WebGL programming with the GLSL language is not included in this course. We want to focus only on technologies you can quickly incorporate in your existing workflow, and we believe there is no reason to learn GLSL unless you want to create your own WebGL framework, so we don’t cover this technology in the course.

Course author

This course was created by Pablo Farias Navarro, founder of ZENVA and author of over 40 online courses on game, web and app development, including The Complete Mobile Game Development Course – Build 15 Games, funded via Kickstarter. Pablo has created educational content in HTML5 game development for companies such as Amazon and Intel, and has run programming workshops at the HTML5 Developer Conference in San Francisco.

Your Courses, Your Way

All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.

You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.

Learn from World-Class Instructors

Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.

That way, you can be confident that you’re learning the most up-to-date content from industry experts.

Interactive Lessons with Codemurai

Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!

Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.

Achieve Real Results

Our community of 500,000+ learners and developers have used the skills learned with us to publish their own games and websites, land their dream jobs, and even start their own businesses – and you have the potential to do the same!

Check out what our learners think below:

“I love the lectures, concise course objectives, and how they not only teach you enough to get started, but prepare you for the advanced stuff later down the road.”

⭐⭐⭐⭐⭐

Mihir Patel

“With Zenva, I started learning a more accurate way to approach problems and develop solutions. It’s full of interesting topics that I love to learn in conjunction with my work.”

⭐⭐⭐⭐⭐

Monica Mancusi

“I chose Zenva because of the large selection of topics and the fact that I can choose what courses I want to take whenever I want to take them. That level of freedom is unique to Zenva.”

⭐⭐⭐⭐⭐

Craig Bickford

“The Unity courses at Zenva helped me achieve a level of comfort with game development that I didn’t think was possible. They give you the confidence to expand your skills, and were so easy to understand.”

⭐⭐⭐⭐⭐

Andrea Cardenas-Roeder

+ Show More

Lessons

Requirements

    Basic to intermediate JavaScript knowledge

    A web server to run the examples

    Download Blender, a free program

    The more Math knowledge you have, the more things you can do with Babylon.js

Upgrade your skills and become future-ready by incorporating 3D technologies in your web development belt

  • On-demand, 24/7 access

$39

Buy Now

HALLOWEEN SALE - Access all courses for only $20
+