Three.js Fundamentals

A set of articles to help learn Three.js.

• Basics
• Fundamentals
• Responsive Design
• Prerequisites
• Setup
• Fundamentals
• Primitives
• Scenegraph
• Materials
• Textures
• Lights
• Cameras
• Shadows
• Fog
• Render Targets
• Custom Geometry
• 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
• Applying a LUT File for effects
• 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.
• WebVR
• VR - Basics
• VR - Look To Select
• VR - Point To Select
• Reference
• Material Table

• github
• three.js
• three.js docs