Three.js & WebGL 3D Programming Crash Course

Learn how to create 3D web applications and games for web browsers with ease.
4.1 (44 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,523 students enrolled
$19
$20
5% off
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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

What 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.

Curriculum

Section 1: Three.js & WebGL 3D Programming
Course Intro
Preview
01:44
17:27

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 - https://github.com/SonarSystems/three.js-Crash-Course

08:52

Covers how to draw basic shapes such as cubes.

GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

04:28

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

GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

04:40

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


GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

07:58

Learn how to make things more exciting with textures.


GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

22:11

We cover the various lighting techniques Three.js provides:

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


GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

06:45

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

GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

02:27

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


GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

04:56

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

GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

10:29

Learn how to use skyboxes to revolutionise your game.

GitHub Source Code Link - https://github.com/SonarSystems/three.js-Crash-Course

Free skyboxes - http://www.custommapmakers.org/skyboxes.php

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 education 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 Part Time University Lecturer teaching various topics in Games Programming from Games Design to OpenGL.

Ready to start learning?
Take This Course