3D Programming with WebGL and Babylon.js for Beginners
4.5 (40 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.
458 students enrolled
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.5 (40 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.
458 students enrolled
Last updated 8/2015
English
Current price: $10 Original price: $200 Discount: 95% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
Requirements
  • 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)
Description

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
+
Introduction
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
00:04

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
06:24

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

Interactive Camera
05:59

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

Basic Shapes
07:07

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

Scaling and Rotating
05:06

In this lesson we

introduce materials and how to work with them.

Materials
10:10

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

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

get started by creating our solar system star.

Starting Solar System
05:56

In this lesson we add our first planet.

Adding a Planet
06:27

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

Shining Star
05:25

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

Skybox
07:56

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

Orbiting Planets
06:46

In this lesson we

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

Working on Mobile
05:41
+
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
09:01

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

Importing babylon Files
04:16
+
Conclusion
1 Lecture 04:24

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

Conclusion
04:24
About the Instructor
Pablo Farias Navarro
4.3 Average rating
4,444 Reviews
130,669 Students
44 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.