Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add 3D Programming with WebGL and Babylon.js for Beginners to your Wishlist.

Add to Wishlist

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
4.2 (39 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
413 students enrolled
Last updated 8/2015
$10 $200 95% off
2 days left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Create Babylon.js apps
Understand the role of WebGL in current and future web development
Use WebGL in their existing web development projects
View Curriculum
  • HTML
  • JavaScript
  • Students need to install a local web server to run the course examples
  • A code editor (I'll be using Visual Studio Code)
  • A web browser (I'll be using Google Chrome)

Funded through Kickstarter by 550+ people

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.

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.

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.

Who is the target audience?
  • This course is for people with basic JavaScript skills who want to learn what WebGL is and how to use it
  • This course is NOT for people who don't know JavaScript
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 18 Lectures Collapse All 18 Lectures 01:48:35
3 Lectures 11:34

In this lesson students are introduced and welcomed to the course. What the course includes, what is WebGL.

Preview 03:01

In this lesson students can get the source code.

Course Source Code

In this lesson we cover how to setup a new Babylon.js app.

Preview 08:29
Babylon.js Basics
6 Lectures 41:09

In this lesson we cover how to render your first scene with WebGL.

Rendering a Scene

In this lesson we setup our first interactive camera, so that you can move the view point.

Interactive Camera

In this lesson we introduce different Meshes or basic 3D shapes.

Basic Shapes

In this lesson we learn how to scale and rotate 3D shapes.

Scaling and Rotating

In this lesson we

introduce materials and how to work with them.


In this lesson we dig a bit deeper into materials and cover more light properties.

More on Materials
Solar System Project
6 Lectures 38:11
In this lesson we

get started by creating our solar system star.

Starting Solar System

In this lesson we add our first planet.

Adding a Planet

In this lesson we create a shining star by using the light emissive properties.

Shining Star

In this lesson we create a skybox to represent the stars background.


In this lesson we create planets that orbit around the star.

Orbiting Planets

In this lesson we

cover aspects that relate to working on the mobile phone with Babylon.js

Working on Mobile
Babylon.js and Blender
2 Lectures 13:17

In this lesson we cover how to export files from Blender in the .babylon format.

Exporting from Blender

In this lesson we cover how to import .babylon files in Babylon.js

Importing babylon Files
1 Lecture 04:24

In this lesson we finish the course by showing how WebGL can be easily used in existing websites.

About the Instructor
4.3 Average rating
4,041 Reviews
125,844 Students
43 Courses
Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 200,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Report Abuse