The Three.JS Primer

An introduction to the popular Open Source, WebGL library, Three.JS

4.85 (168 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Learn the basics of real-time 3D web applications

Learn how to get started with the popular Open Source WebGL library, ThreeJS

Learn about Geometry, Lights and Cameras

Learn to load complex 3D objects found at online stores

Why take this course?

Three.JS is the most popular Open Source JavaScript library for displaying 3D content on the web, giving you the power to display incredible models and visualisations in your browser and even on your smartphone!

Displaying 3D content in a browser involves using the WebGL api. But the library takes care of all the complex details leaving you able to think in terms of models, cameras and lights.

This short free course begins with a 3D beginner-level primer to 3D concepts and some basic examples to get you started with the most important features that Three.JS has to offer. You'll learn how to quickly create a scene, camera, and renderer and how to add meshes using the Geometry primitives included with the library. You'll find out how to use the online Three.JS Editor which will help as you learn to use the library. You'll learn about materials, lights and how to load a complex model you may find from an online store.

This is a quick introduction to the most important features of the library. After completing the course you will have a basic understanding of how to use Three.JS in your own Web Apps. A skill greatly in demand.

Student feedback:

"A really good starting point to a confusing topic"

"A refreshing introduction to three.js! Highly recommend."

"Best threejs course man!. It was really helpful'

"Wonderful explanation, easy to follow...."

Screenshots

Reviews

Andrew

March 2, 2023

Giving it 4 stars because, well, its free! Its not a bad overview of 3JS, and covers some of the important aspects in some level of detail. If we got a little higher level understanding, it would help learners who need context for the knowledge to sit within. That said, if you are looking to start out on 3JS, then this certainly is worth spending 90mins to go through.

Marco

December 3, 2022

Until lesson 8 it was all good, but lesson 9 and 10 you went too fast and didn't explain properly all these new things that you introduced. I don't mean that you had to explain everything because it's a free course and it's a sort of depth introduction, but with 2 or 3 minutes plus per lesson, in lesson 9 and 10, you could have explained it better! Lesson 9 and 10 were so confusing!

Wesley

July 16, 2022

This course is definitely not for beginners, the way it is explained and also all the content shown requires some prior knowledge about 3D and game development. The content is really great and I can't rate it less than 5 stars.

Sam

July 13, 2022

Nice course - lots of very useful info packed into one hour, and all for free. (And the free javascript ebook is, on its own, a very nice resource.) But I'm having trouble finding the github repo for this course. Is it just me, or is the repo no longer available? Or should we use the threejs-games-course repo? Many Thanks, Nik. EDIT: Question answered - Thank You, Nik.

Kamal

June 14, 2022

Thank you for a course but I cant launch any of those lessons: " Uncaught TypeError: Error resolving module specifier “three”. Relative module specifiers must start with “./”, “../” or “/”. "

Charts

Price

Rating

Enrollment distribution

The Three.JS Primer - Distribution chart