Creating Vite app with TypeScript

TypeScript provides a typed language that transpiles to JavaScript. This means that we can use it to create our site, and it’ll run just like normal JavaScript in the browser. There are many different ways of setting up a TypeScript project, but the easiest one is provided by Vite. Vite provides an integrated build environment and can be seen a bit as an alternative to webpack.

The first thing we need to do is create a new Vite project. We can do these steps ourselves, or we can look in the three-ts folder and just run yarn install ...

Introduction to the Course

Part 1: Getting Up and Running

Creating the First 3D Scene with Three.js

The Basic Components That Make Up a Three.js Application

Working with Light Sources in Three.js

Part 2: Working with the Three.js Core Components

Working with Three.js Materials

Learning to Work with Geometries

Exploring Advanced Geometries

Points and Sprites

Part 3: Particle Clouds, Loading, and Animating Models

Creating and Loading Advanced Meshes and Geometries

Animation and Moving the Camera

Loading and Working with Textures

Part 4: Post-Processing, Physics, and Sounds

Render Post-Processing

Adding Physics and Sounds to Our Scene

Working with Blender and Three.js

Three.js: Together with React, TypeScript, and WebXR

Conclusion

Appendix

Using Three.js with TypeScript

Creating Vite app with TypeScript