Three.js & WebGL 3D Programming Crash Course

Learn how to create 3D web applications and games for web browsers with ease.
4.1 (65 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.
3,596 students enrolled
Take This Course
  • Lectures 11
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

Learn how to create interactive 3D experiences such as web application and games. A step by step process is used to show everything from setting up to creating interactive 3D worlds.

Gain a good understanding of the following concepts:

  1. 3D design
  2. Model loading
  3. World/Scene generation
  4. User interaction
  5. Three.js and WebGL programming
  6. Game development

Three.js allows you to create amazing 3D web applications to target the biggest market in the world, THE WEB. Now with the boom of smart phones the audience is growing rapidly.

You will be provided with the full source code to aid in development during and after this course. The source code is free to use in as many projects as you wish.

What are the requirements?

  • You should already be familiar with JavaScript

What am I going to get from this course?

  • Create interactive 3D web applications
  • Make 3D games
  • Use Three.js to create 3D worlds
  • Create cross platform web applications
  • Over 10 lectures

Who is the target audience?

  • This Three.js course is meant for individuals looking to create 3D web applications and games
  • You should already be familiar with JavaScript programming
  • A basic understanding of Front End Development is also helpful

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Three.js & WebGL 3D Programming
Course Intro

Introduction to Three.js with examples demonstrated to showcase it's capabilities. Also setup for Three.js will also be covered.

GitHub Source Code Link -


Covers how to draw basic shapes such as cubes.

GitHub Source Code Link -


Allow users to resize their browser and dynamically adjust our world to accommodate this change.

GitHub Source Code Link -


Implement a control system to easily navigate our 3D world.

GitHub Source Code Link -


Learn how to make things more exciting with textures.

GitHub Source Code Link -


We cover the various lighting techniques Three.js provides:

  • Ambient Lights
  • Point Lights
  • Spot Lights
  • Directional Lights

GitHub Source Code Link -


In this video we learn how to load external models to make your world more vibrant.

GitHub Source Code Link -


Learn how to measure the performance of your 3D application.

GitHub Source Code Link -


Learn the wonders of Anaglyphic 3D and how to easily implement it into your project.

GitHub Source Code Link -


Learn how to use skyboxes to revolutionise your game.

GitHub Source Code Link -

Free skyboxes -

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Frahaan Hussain, CEO and Lead Developer at Sonar Systems

I am CEO of Sonar Systems which is the world leader in educational material for the game engine Cocos2d-x which is one of the best and most popular game engines in the world. With years of experience programming and running an online education platform (Sonar Learning) I can provide a lot for you.

I am also a University Lecturer teaching various topics in Games Programming from Games Design to OpenGL Shader Programming.

Ready to start learning?
Take This Course