Three.js Tutorial
Selected Reading
- Three.js - Discussion
- Three.js - Useful Resources
- Three.js - Quick Guide
- Three.js - Libraries and Plugins
- Three.js - Loading 3D Models
- Three.js - Creating Text
- Three.js - Animations
- Three.js - Drawing Lines
- Three.js - Textures
- Three.js - Materials
- Three.js - Geometries
- Three.js - Lights & Shadows
- Three.js - Controls
- Three.js - Cameras
- Three.js - Debug and Stats
- Three.js - Responsive Design
- Three.js - Renderer and Responsiveness
- Three.js - Hello Cube App
- Three.js - Installation
- Three.js - Introduction
- Three.js - Home
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Three.js - Installation
Three.js - Installation
There are many ways to include Three.js in your project. You can use any of these following methods to get started using Three.js. Then open your favorite code editor and get going.
Download the complete Three.js project
Download the complete Three.js project into your system. You can download it or from . Extract the three.js-master.zip file and look inside the build folder. You can find two three.js, three.min.js, which is just a minified version. Add any of these two files into your project folder and pnk them to your HTML file. Now you are good to use Three.js in your project.
Note − We recommend using the minified version as it loads faster.
Insert the following <script> tag into the <head> element of your HTML with a path to the threejs.min.js file.
<script src= /path/to/threejs.min.js ></script>
Use CDN pnks
You can pnk the files from a CDN (Content Depvery Network), a remote site dedicated to hosting files so that you can use them onpne. You can use any of these websites −
Insert any of the following <script> tags into the <head> element of your HTML.
<script src="https://cdnjs.cloudflare.com/ajax/pbs/three.js/r127/three.min.js"></script>
or
<script src="https://cdn.jsdepvr.net/npm/three@0.127.0/build/three.min.js"></script>
Install the package of Three.js
Three.js is also available as a If you have Node.js set up on your computer, you can install it using npm or yarn.
npm install three
or
yarn add three
Then, you can import Three.js from the three.module.js file into your JavaScript file
import * as THREE from three
You can use Three.js along with any JavaScript framework pke React, Angular, Vue.
Once you finish setting up your project, let s start creating.
Advertisements