- Three.js Tutorial
- Three.js - Home
- Three.js - Introduction
- Three.js - Installation
- Three.js - Hello Cube App
- Three.js - Renderer and Responsiveness
- Three.js - Responsive Design
- Three.js - Debug and Stats
- Three.js - Cameras
- Three.js - Controls
- Three.js - Lights & Shadows
- Three.js - Geometries
- Three.js - Materials
- Three.js - Textures
- Three.js - Drawing Lines
- Three.js - Animations
- Three.js - Creating Text
- Three.js - Loading 3D Models
- Three.js - Libraries and Plugins
- Three.js Useful Resources
- Three.js - Quick Guide
- Three.js - Useful Resources
- Three.js - Discussion
Three.js Tutorial
Three.js is an open-source JavaScript library that you can use to create dynamic and interactive websites with 2D and 3D graphics. With Three.js, you can render 3D graphics directly inside the browser. You can do fantastic stuff using Three.js by adding animations or logic and even turning your website into a game. Ricardo Cabello (or mrdoob in GitHub) released Three.js in 2010 and maintained a great open-source community.
Audience
This tutorial is for anyone who already knows JavaScript and wants to create 3D graphics that run in any browser. This tutorial makes you comfortable in getting started with Three.js and WebGL.
Prerequisites
Creating 3D applications that run in a browser falls at the intersection of web development and computer graphics. You don’t need to know anything about computer graphics or advanced math; all that is required is a general understanding of HTML, CSS, and JavaScript. If you are just getting started with JavaScript, I recommend completing this tutorial before proceeding with this one