Download Udemy – Three.js and TypeScript 2023-4

Three.js and TypeScript


Welcome to the Three.js and TypeScript course. In this course we will learn all about Three.js, write it in TypeScript, and also write an HTML client and server using Webpack and NodeJS. This course has 5 main sections

  1. Setting up the development environment and installing TypeScript
  2. Create a Three.js boilerplate project. This part is optional, you can install a pre-built boilerplate in part 3 instead, but building it manually from scratch will give you a very good understanding of the aspects involved in creating a new Three.js project from scratch. to give
  3. Install the Threejs Course boilerplate if you didn’t create it manually in part 2.
  4. Learn all about the many aspects of Three.js from the core to its use in more advanced examples including other third-party libraries.
  5. Deploying to Production We’ll look at several different options you have for hosting your Threejs projects publicly on the Internet.

All code is provided in the accompanying documentation so you can easily copy and paste if you don’t want to pause the video and copy from the screen. Links to documentation are available in Resources next to each video. TypeScript introduces type safety into our code which makes it much more robust and gives the IDE additional tools like intelligence that we can use to help us find and understand the existing Threejs properties and methods and code carefully. And use much faster speed.

What you will learn in the Three.js and TypeScript course

  • Learn the basics of Threejs with multiple demos and example code

  • Set up a development environment using VSCode, Git, and NodeJS

  • Install TypeScript

  • Create a Threejs project using NPM and the json package

  • Learn about Webpack, NodeJS, Express, and delivering ES6 modules to browser clients.

  • Create (or optionally install) a Threejs TypeScript Boilerplate for use throughout the course

  • Learn about Threejs scene, camera and rendering

  • Get to know the animation loop

  • Familiarize yourself with statistics and Dat graphical user interface panels

  • Learn about the Object3D base class and its Rotation, Position, Scale, Visibility, and Matrix properties.

  • Learn about geometries like Box, Sphere, Icosahedron, Plane, TorusKnot and more.

  • Learn about basic, normal, Lambert, Fong, standard, physical, Matcap and other materials

  • Learn about highlighting options with SpecularMap, RoughnessMap, and MetalnessMap

  • Learn about Bumpmap and Displacement Maps

  • Learn about modifying texture and displacement map UVs using material options.

  • Learn about lighting using ambient, directional, hemispherical, spot, and spot lights.

  • Mipmaps, custom Mipmaps and anistropy filter

  • Learn about shadows using both perspective and orthographic shadow cameras.

  • Learn about Circuit, Trackball and Pointerlock mouse and touch interaction controls

  • Learn about model loaders like OBJ, MTL, GLTF, DRACO and more.

  • Import 3rd party FBX and glTF/glB animations

  • Create custom animations and export from Blender as glTF/glB

  • Using Raycaster and how to use it to select 3D objects in the scene with the mouse,

  • Cannonjs debug provider

  • Realizing convex polyhedra versus compound shapes for collision detection

  • Prepare, deploy and launch our Threejs projects on a production server

  • Install Nginx Proxy, specify a domain name and install SSL

  • Using module specifiers with Webpack vs. relative import references

  • And many other very useful examples of Threejs

This course is suitable for people who

  • People who are interested in learning Threejs
  • People who are interested in learning TypeScript
  • People interested in creating interactive 3D applications, games, or web visualizations
  • People who want to learn enough about Threejs, TypeScript, and NodeJS to be useful

Three.js and TypeScript course specifications

  • Publisher: Yudmi
  • teacher: Sean Bradley
  • Training level: beginner
  • Training duration: 9 hours and 24 minutes
  • Number of courses: 78

Course headings

Three.js and TypeScript course prerequisites

  • A Computer that you can install VSCode, Git and NodeJS
  • A desire to code 3D web applications in Threejs and TypeScript

Course images

Three.js and TypeScript

Sample video of the course

Installation guide

After Extract, view with your favorite Player.

English subtitle

Quality: 1080p

Version 2023/4 has increased by 21 minutes compared to 2022/1. Also, the course quality has been increased from 720p to 1080p.

download link

Download part 1 – 3 GB

Download part 2-3 GB

Download part 3 – 3 GB

Download part 4 – 3 GB

Download part 5 – 3 GB

Download part 6 – 943 MB

File(s) password:


15.9 GB

Be the first to comment

Leave a Reply

Your email address will not be published.