Skip to content


 Zabbix
 Grafana
 Prometheus
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender 3D Topological Earth
 Sweet Home 3D
 Design Patterns in Python
   
 Course Coupon Codes
Design Patterns In Python (Book)
     
     

Install the Three.js Typescript Boilerplate

Video Lecture

Install the Three.js Typescript Boilerplate Install the Three.js Typescript Boilerplate Install the Three.js Typescript Boilerplate Install the Three.js Typescript Boilerplate

Description

Note

This sections is optional. If you completed all the sections before this, then you already have the project created. The boilerplate is useful if you have chosen to to bypass all the preceding sections, or you already completed the course and you want to create a brand new Three.js TypeScript project and you would like to use a pre created project boilerplate to start with.

GitHub Repository : Three.js-TypeScript-Boilerplate

Clone the repository.

1
2
3
4
5
git clone https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate.git
cd Three.js-TypeScript-Boilerplate
npm install -g typescript
npm install
npm run dev

Open a browser and Visit http://127.0.0.1:3000/

You should see a spinning green wireframe cube, and also be able to rotate it using your mouse.

This is our Three.js Typescript helloworld application that we will discuss fully in the next few sections.