three.js

docs manual

Getting Started

  • Installation
  • Creating a Scene
  • Creating Text
  • Drawing Lines
  • FAQ
  • Libraries and Plugins
  • Loading 3D Models
  • Uniform Types
  • Useful Links
  • WebGL Compatibility Check

Next Steps

  • Animation System
  • Color Management
  • How to create VR content
  • How to dispose of Objects
  • How to update Things
  • How to use Post Processing
  • Matrix Transformations

Basics

  • Fundamentals
  • Responsive Design
  • Prerequisites
  • Setup

Fundamentals

  • Primitives
  • Scenegraph
  • Materials
  • Textures
  • Lights
  • Cameras
  • Shadows
  • Fog
  • Render Targets
  • Custom BufferGeometry

Tips

  • Rendering On Demand
  • Debugging JavaScript
  • Debugging GLSL
  • Taking a screenshot
  • Prevent the Canvas Being Cleared
  • Get Keyboard Input From a Canvas
  • Make the Canvas Transparent
  • Use three.js as Background in HTML

Optimization

  • Optimizing Lots of Objects
  • Optimizing Lots of Objects Animated
  • Using OffscreenCanvas in a Web Worker

Solutions

  • Load an .OBJ file
  • Load a .GLTF file
  • Add a Background or Skybox
  • How to Draw Transparent Objects
  • Multiple Canvases, Multiple Scenes
  • Picking Objects with the mouse
  • Post Processing
  • Using Shadertoy shaders
  • Aligning HTML Elements to 3D
  • Using Indexed Textures for Picking and Color
  • Using A Canvas for Dynamic Textures
  • Billboards and Facades
  • Freeing Resources
  • Making Voxel Geometry (Minecraft)
  • Start making a Game

WebXR

  • VR - Basics
  • VR - Look To Select
  • VR - Point To Select

Reference

  • Material Table