Udemy – Three.js and TypeScript 2023-4 – Downloadly

Description

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 consists of 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.
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 will look at various options available to you for publicly hosting your Threejs projects on the Internet.

All the code is included in the accompanying documentation, so you can just copy and paste it if you don’t want to pause the video and copy from the screen. Links to the documentation are in the resources next to each video. TypeScript introduces type safety to our code, making it much more robust and giving the IDE additional tools like intelligence that we can leverage to carefully find and understand the existing Threejs properties and methods and code. And use a much higher speed.

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

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

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

• Create a Threejs project with NPM and the JSON package

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

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

• Learn more about Threejs Scene, Camera and Rendering

• Get to know the animation loop

• Familiarize yourself with the graphical user interfaces for statistics and data

• 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 more about highlighting options with SpecularMap, RoughnessMap and MetalnessMap

• Learn more about Bumpmap and Displacement Maps

• Learn how to modify texture and displacement map UVs using material options.

• Learn about lighting with ambient, directional, hemisphere, spot and spotlight lights.

• Mipmaps, custom mipmaps and anisotropy filters

• Learn more about shadows using perspective and orthogonal shadow cameras.

• Learn more about circuit, trackball and pointerlock mouse and touch interaction controls

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

• Import FBX and glTF/glB animations from third parties

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

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

• Realizing convex polyhedra versus composite 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 for Threejs

This course is suitable for people who

• People who are interested in learning Threejs
• People 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

• Editor: Udemy
• Teacher: Sean Bradley
• Training level: beginner
• Training duration: 9 hours and 24 minutes
• Number of courses: 78

Course topics

Course prerequisites for Three.js and TypeScript

• A computer where you can install VSCode, Git and NodeJS
• The desire to program 3D web applications in Threejs and TypeScript

Course pictures

Sample video of the course

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: free download software

File size

15.9GB