Threejs and TypeScript Course Introduction Video
4https://sbcode.net/threejs/
Three.js and TypeScript (Book) : https://www.amazon.com/dp/B09GYTKRCH
Coupon : https://sbcode.net/coupons#threejs
Welcome to my course on Three.js and Typescript.
Three.js is a cross-browser JavaScript library and Application Programming Interface used to create and display animated 3D computer graphics across the web in a browser.
In this course we will learn all about Three.js using demonstrations and sample code that you can download and experiment with on your own pc.
We start the course by setting up your development environment, and then by doing an optional TypeScript basics course for those who've never seen TypeScript before.
We then begin to create a Three.js boilerplate/template project that we can use throughout the remainder of the course, which will also give you exposure to Git, NPM, NodeJS, Express, and is also generic enough that you will be able to use it in your own Three.js projects into the future.
We then move onto learning about the Three.js Scene, Camera and Renderer,
The Animation loop - when and how to use it,
Import the Stats and Dat.GUI panel tools, which are very useful when learning about Threejs,
We learn about the Object3d base class, with its Rotation, Position and Scale transformation matrices,
We learn about the inbuilt Three.js geometries such as the Box, Sphere, Icosahedron, Plane, TorusKnot many more,
We learn about the Materials such as the Basic, Normal, Lambert, Phong, Standard, Physical, Matcap, Toon, Shader and Depth,
We learn about Specular, Roughness and Metalness maps,
We learn about Bumpmaps and Displacement maps,
We learn about manipulating UV coordinates to affect the appearance of the materials and displacement maps,
We learn about lighting such at the Ambient, Directional, Hemisphere, Point and Spot Lights,
We learn about Shadows, and how to achieve perspective verses orthographic shadow affects,
And many more useful examples of Three.js that you can copy and experiment with your side in order to understand Three.js at it's core much better.
At the end of the course, you will understand Three.js and also how to use TypeScript in order to write robust and type safe code much quicker. And then you can begin writing your own 3d games, applications and presentations which will be accessible from a browser and on the web.
So,
Thanks for taking part in my course and I will see you there.