Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
The Three.JS Primer
Rating: 4.7 out of 5(242 ratings)
5,980 students

The Three.JS Primer

An introduction to the popular Open Source, WebGL library, Three.JS
Created byNicholas Lever
Last updated 11/2024
English

What you'll 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

Course content

1 section12 lectures1h 10m total length
  • Welcome to the course2:11
  • A real-time 3D primer5:15
  • Setting up a simple Three.JS app4:22
  • The basis of all Three.JS apps10:11
  • Creating a rotating cube4:57
  • The Three.JS Editor7:40
  • Geometries8:00
  • Materials5:27
  • Loaders5:45
  • Animation7:43
  • Three.JS with NPM and Vite7:59
  • What have you learnt?
  • Bonus Lecture1:07

Requirements

  • Basic JavaScript knowledge is assumed

Description

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

"The course was very informative, well-structured, and easy to follow. The instructor explained concepts clearly and gave helpful examples. I now feel much more confident in the subject. Great job!"

Who this course is for:

  • Those wanting to learn ThreeJS fundamentals quickly