Three.js
Knowledge base from the Three.js (@three.js) documentation — the full API reference (Core + Addons + TSL). Use when building 3D/WebGL/WebGPU graphics with Three.js, looking up a class's constructor/properties/methods, choosing between similar components (cameras, lights, loaders, controls), writing TSL shader code, or referencing composition patterns and performance conventions.
859 capítulos
Three.js
Package: three | Chapters: 859 (799 API classes/functions + curated TSL/global reference, 60 task-oriented Manual guides) | Generated: 2026-08-25
How to Use This Skill
- Without arguments — load Core Patterns & Conventions below for the composition model.
- With a class/function name — ask about
Mesh,PerspectiveCamera,GLTFLoader, etc.; I find and read the matching chapter. - With a chapter number — ask for
ch042; I load that specific chapter. - With a "how do I..." question — check
patterns.md(composition patterns) andcheatsheet.md(decision rules) first; they cover the recurring judgment calls this reference alone doesn't. - Browse — ask "what chapters do you have?" or "what's in the Materials/Lights/TSL group?" to see the index below.
When you ask about a class not covered in Core Patterns, I will read the relevant chapter file before answering — never guess an API surface (constructor args, prop names, method signatures) from memory when a chapter exists for it.
Core Patterns & Conventions
Scene graph composition: every visible/positionable thing is an Object3D (or subclass — Mesh, Light, Camera, Group...) added to a parent, ultimately rooted at a Scene. Transforms compose down the hierarchy — a child's world matrix depends on every ancestor's transform. Use object.add(child) / object.remove(child); read world-space values via getWorldPosition()/localToWorld(), not by assuming local === world.
Geometry + Material + Mesh: geometry (BufferGeometry subclass) defines shape, material defines shading, Mesh binds them for rendering. Both geometry and material are independently shareable across meshes — share to save memory, clone (.clone()) when independent mutation is needed.
The render loop: renderer.setAnimationLoop(callback) (preferred over manual requestAnimationFrame — it integrates with WebXR automatically) drives per-frame updates: advance animations/physics, then renderer.render(scene, camera).
Classic materials vs Node materials (TSL): MeshStandardMaterial and friends cover most PBR needs via fixed properties (color, roughness, metalness, maps). *NodeMaterial variants (MeshStandardNodeMaterial, etc.) accept custom TSL graphs on properties like colorNode/positionNode/normalNode when built-in properties aren't expressive enough — see ch797–799 for the TSL language itself.
Resource lifecycle: three.js does not garbage-collect GPU resources when a JS object becomes unreferenced. Call .dispose() on geometries, materials, and textures you're done with, or memory leaks accumulate in any app that creates/destroys objects at runtime.
Async asset loading: *Loader classes (GLTFLoader, TextureLoader, ...) load asynchronously — .load(url, onLoad, onProgress, onError) or .loadAsync(url). Design scene setup around a "not yet loaded" state rather than assuming synchronous availability.
Performance defaults worth knowing: frustum culling is on by default (Object3D.frustumCulled = true); prefer InstancedMesh/BatchedMesh over many individual meshes for repeated geometry; shadow maps are the single biggest lighting cost — enable them on the fewest lights possible; always call camera.updateProjectionMatrix() after changing camera frustum properties, since assignment alone doesn't recompute the projection matrix.
Two rendering backends, one API surface: WebGLRenderer (broadest compatibility) and WebGPURenderer (modern, required for TSL compute shaders, falls back to WebGL2) implement the same scene-graph/material model — most code is renderer-agnostic; TSL materials in particular compile to both GLSL and WGSL from one source.
See patterns.md for more composition patterns and cheatsheet.md for decision tables (camera/light/loader/renderer choice, performance thresholds, common failure "smells").
Chapter Index
Core Objects
| # | Title | File |
|---|---|---|
| 1 | BatchedMesh | chapters/ch001-batchedmesh.md |
| 2 | Bone | chapters/ch002-bone.md |
| 3 | Group | chapters/ch003-group.md |
| 4 | InstancedMesh | chapters/ch004-instancedmesh.md |
| 5 | Line | chapters/ch005-line.md |
| 6 | LineLoop | chapters/ch006-lineloop.md |
| 7 | LineSegments | chapters/ch007-linesegments.md |
| 8 | LOD | chapters/ch008-lod.md |
| 9 | Mesh | chapters/ch009-mesh.md |
| 10 | Object3D | chapters/ch010-object3d.md |
| 11 | Points | chapters/ch011-points.md |
| 12 | Scene | chapters/ch012-scene.md |
| 13 | SkinnedMesh | chapters/ch013-skinnedmesh.md |
| 14 | Sprite | chapters/ch014-sprite.md |
Cameras
| # | Title | File |
|---|---|---|
| 15 | ArrayCamera | chapters/ch015-arraycamera.md |
| 16 | Camera | chapters/ch016-camera.md |
| 17 | CubeCamera | chapters/ch017-cubecamera.md |
| 18 | OrthographicCamera | chapters/ch018-orthographiccamera.md |
| 19 | PerspectiveCamera | chapters/ch019-perspectivecamera.md |
| 20 | StereoCamera | chapters/ch020-stereocamera.md |
Geometries
Materials
Lights
Loaders
Textures
Renderers & Post-processing
Animation
| # | Title | File |
|---|---|---|
| 284 | AnimationAction | chapters/ch284-animationaction.md |
| 285 | AnimationClip | chapters/ch285-animationclip.md |
| 286 | AnimationClipCreator | chapters/ch286-animationclipcreator.md |
| 287 | AnimationMixer | chapters/ch287-animationmixer.md |
| 288 | AnimationObjectGroup | chapters/ch288-animationobjectgroup.md |
| 289 | AnimationUtils | chapters/ch289-animationutils.md |
| 290 | BooleanKeyframeTrack | chapters/ch290-booleankeyframetrack.md |
| 291 | ColorKeyframeTrack | chapters/ch291-colorkeyframetrack.md |
| 292 | KeyframeTrack | chapters/ch292-keyframetrack.md |
| 293 | NumberKeyframeTrack | chapters/ch293-numberkeyframetrack.md |
| 294 | PropertyBinding | chapters/ch294-propertybinding.md |
| 295 | PropertyMixer | chapters/ch295-propertymixer.md |
| 296 | QuaternionKeyframeTrack | chapters/ch296-quaternionkeyframetrack.md |
| 297 | StringKeyframeTrack | chapters/ch297-stringkeyframetrack.md |
| 298 | VectorKeyframeTrack | chapters/ch298-vectorkeyframetrack.md |
Audio
| # | Title | File |
|---|---|---|
| 299 | Audio | chapters/ch299-audio.md |
| 300 | AudioAnalyser | chapters/ch300-audioanalyser.md |
| 301 | AudioContext | chapters/ch301-audiocontext.md |
| 302 | AudioListener | chapters/ch302-audiolistener.md |
| 303 | AudioLoader | chapters/ch303-audioloader.md |
| 304 | PositionalAudio | chapters/ch304-positionalaudio.md |
| 305 | PositionalAudioHelper | chapters/ch305-positionalaudiohelper.md |
Controls
| # | Title | File |
|---|---|---|
| 306 | ArcballControls | chapters/ch306-arcballcontrols.md |
| 307 | Controls | chapters/ch307-controls.md |
| 308 | DragControls | chapters/ch308-dragcontrols.md |
| 309 | FirstPersonControls | chapters/ch309-firstpersoncontrols.md |
| 310 | FlyControls | chapters/ch310-flycontrols.md |
| 311 | MapControls | chapters/ch311-mapcontrols.md |
| 312 | OrbitControls | chapters/ch312-orbitcontrols.md |
| 313 | PointerLockControls | chapters/ch313-pointerlockcontrols.md |
| 314 | TrackballControls | chapters/ch314-trackballcontrols.md |
| 315 | TransformControls | chapters/ch315-transformcontrols.md |
Helpers
| # | Title | File |
|---|---|---|
| 316 | AnimationPathHelper | chapters/ch316-animationpathhelper.md |
| 317 | ArrowHelper | chapters/ch317-arrowhelper.md |
| 318 | AxesHelper | chapters/ch318-axeshelper.md |
| 319 | Box3Helper | chapters/ch319-box3helper.md |
| 320 | BoxHelper | chapters/ch320-boxhelper.md |
| 321 | CameraHelper | chapters/ch321-camerahelper.md |
| 322 | CCDIKHelper | chapters/ch322-ccdikhelper.md |
| 323 | CSMHelper | chapters/ch323-csmhelper.md |
| 324 | GridHelper | chapters/ch324-gridhelper.md |
| 325 | OctreeHelper | chapters/ch325-octreehelper.md |
| 326 | PlaneHelper | chapters/ch326-planehelper.md |
| 327 | PolarGridHelper | chapters/ch327-polargridhelper.md |
| 328 | RapierHelper | chapters/ch328-rapierhelper.md |
| 329 | SelectionHelper | chapters/ch329-selectionhelper.md |
| 330 | SkeletonHelper | chapters/ch330-skeletonhelper.md |
| 331 | TileShadowNodeHelper | chapters/ch331-tileshadownodehelper.md |
| 332 | VertexNormalsHelper | chapters/ch332-vertexnormalshelper.md |
| 333 | VertexTangentsHelper | chapters/ch333-vertextangentshelper.md |
| 334 | ViewHelper | chapters/ch334-viewhelper.md |
Curves & Math
Nodes / TSL System
Addons: Physics, Exporters & Misc
Core: Misc
Global & TSL Language Reference
| # | Title | File |
|---|---|---|
| 795 | Global Constants Reference | chapters/ch795-global-constants.md |
| 796 | Global Utility Functions | chapters/ch796-global-utility-functions.md |
| 797 | TSL Language Basics | chapters/ch797-tsl-language-basics.md |
| 798 | TSL Built-in Inputs & Attributes | chapters/ch798-tsl-builtin-inputs.md |
| 799 | TSL Utility & Post-processing Functions | chapters/ch799-tsl-utility-functions.md |
Manual (Guides)
Task-oriented lessons from the official Three.js Manual (as distinct from the class-by-class API reference above) — read these when you need to know how to accomplish something, not just what a class's API surface is.
Topic Index
- ACESFilmicToneMappingShader → ch675
- AfterImageNode → ch373
- AfterimagePass → ch241
- AfterimageShader → ch676
- AmbientLight → ch097
- AmbientLightDataNode → ch098
- AmbientLightNode → ch099
- AMFLoader → ch154
- AmmoPhysics → ch517
- AnaglyphEffect → ch518
- AnaglyphPassNode → ch374
- AnalyticLightNode → ch100
- AnimationAction → ch284
- AnimationClip → ch285
- AnimationClipCreator → ch286
- AnimationLoader → ch155
- AnimationMixer → ch287
- AnimationObjectGroup → ch288
- AnimationPathHelper → ch316
- AnimationUtils → ch289
- AONode → ch375
- ARButton → ch519
- ArcballControls → ch306
- ArcCurve → ch335
- ArrayCamera → ch015
- ArrayElementNode → ch376
- ArrayNode → ch377
- ArrowHelper → ch317
- AsciiEffect → ch520
- AssignNode → ch378
- AtomicFunctionNode → ch379
- AttributeNode → ch380
- Audio → ch299
- AudioAnalyser → ch300
- AudioContext → ch301
- AudioListener → ch302
- AudioLoader → ch303
- AxesHelper → ch318
- Backend → ch636
- BarrierNode → ch381
- BasicEnvironmentNode → ch382
- BasicLightingModel → ch101
- BasicLightMapNode → ch102
- BasicShader → ch677
- BatchedMesh → ch001
- Bayer → ch678
- BezierInterpolant → ch637
- BilateralBlurNode → ch383
- BitcastNode → ch384
- BitcountNode → ch385
- BitonicSort → ch638
- BleachBypassShader → ch679
- BlendMode → ch639
- BlendShader → ch680
- BloomNode → ch386
- BloomPass → ch242
- BokehPass → ch243
- BokehShader → ch681
- BokehShader2 → ch682
- Bone → ch002
- BooleanKeyframeTrack → ch290
- Box2 → ch336
- Box3 → ch337
- Box3Helper → ch319
- BoxGeometry → ch021
- BoxHelper → ch320
- BoxLineGeometry → ch022
- BrightnessContrastShader → ch683
- BufferAttribute → ch640
- BufferAttributeNode → ch387
- BufferGeometry → ch023
- BufferGeometryLoader → ch156
- BufferGeometryUtils → ch684
- BufferNode → ch388
- BuiltinNode → ch389
- BumpMapNode → ch390
- BundleGroup → ch641
- BVHLoader → ch157
- BypassNode → ch391
- Cache → ch642
- Camera → ch016
- CameraHelper → ch321
- CameraUtils → ch685
- CanvasTarget → ch643
- CanvasTexture → ch215
- Capsule → ch521
- CapsuleGeometry → ch024
- CatmullRomCurve3 → ch338
- CCDIKHelper → ch322
- CCDIKSolver → ch522
- ChromaticAberrationNode → ch392
- CinquefoilKnot → ch523
- CircleGeometry → ch025
- CityGenerator → ch524
- ClearMaskPass → ch244
- ClearPass → ch245
- ClippingGroup → ch644
- ClippingNode → ch393
- Clock → ch645
- ClusteredLighting → ch103
- ClusteredLightsNode → ch104
- CodeNode → ch394
- ColladaComposer → ch525
- ColladaLoader → ch158
- ColladaParser → ch526
- Color → ch646
- ColorConverter → ch527
- ColorCorrectionShader → ch686
- ColorEnvironment → ch528
- ColorifyShader → ch687
- ColorKeyframeTrack → ch291
- ColorSpaceNode → ch395
- ColorSpaces → ch688
- ColorUtils → ch689
- CompressedArrayTexture → ch216
- CompressedCubeTexture → ch217
- CompressedTexture → ch218
- CompressedTextureLoader → ch159
- ComputeBuiltinNode → ch396
- ComputeNode → ch397
- ConditionalNode → ch398
- ConeGeometry → ch026
- ConstNode → ch399
- ContextNode → ch400
- Controls → ch307
- ConvertNode → ch401
- ConvexGeometry → ch027
- ConvexHull → ch529
- ConvexObjectBreaker → ch530
- ConvolutionShader → ch690
- CopyShader → ch691
- CSM → ch531
- CSMFrustum → ch532
- CSMHelper → ch323
- CSMShader → ch692
- CSMShadowNode → ch402
- CSS2DObject → ch533
- CSS2DRenderer → ch246
- CSS3DObject → ch534
- CSS3DRenderer → ch247
- CSS3DSprite → ch535
- CubeCamera → ch017
- CubeDepthTexture → ch219
- CubeMapNode → ch403
- CubeRenderTarget → ch248
- CubeTexture → ch220
- CubeTextureLoader → ch160
- CubeTextureNode → ch404
- CubeTexturePass → ch249
- CubicBezierCurve → ch339
- CubicBezierCurve3 → ch340
- CubicInterpolant → ch647
- Curve → ch341
- CurvePath → ch342
- CylinderGeometry → ch028
- Cylindrical → ch343
- Data3DTexture → ch221
- DataArrayTexture → ch222
- DataTexture → ch223
- DataTextureLoader → ch161
- DataUtils → ch648
- DDSLoader → ch162
- DebugEnvironment → ch536
- DecalGeometry → ch029
- DecoratedTorusKnot4a → ch537
- DecoratedTorusKnot4b → ch538
- DecoratedTorusKnot5a → ch539
- DecoratedTorusKnot5c → ch540
- DenoiseNode → ch405
- DepthLimitedBlurShader → ch693
- DepthOfFieldNode → ch406
- DepthTexture → ch224
- DigitalGlitch → ch694
- DirectionalLight → ch105
- DirectionalLightDataNode → ch106
- DirectionalLightHelper → ch107
- DirectionalLightNode → ch108
- DirectionalLightShadow → ch109
- DiscreteInterpolant → ch649
- DodecahedronGeometry → ch030
- DOFMipMapShader → ch695
- DotScreenNode → ch407
- DotScreenPass → ch250
- DotScreenShader → ch696
- DRACOExporter → ch541
- DRACOLoader → ch163
- DragControls → ch308
- DynamicLighting → ch110
- DynamicLightsNode → ch111
- Earcut → ch650
- EdgesGeometry → ch031
- EdgeSplitModifier → ch542
- EffectComposer → ch543
- EllipseCurve → ch344
- EnvironmentNode → ch408
- EnvMapCDFGenerator → ch544
- Euler → ch345
- EventDispatcher → ch651
- EventNode → ch409
- ExposureShader → ch697
- ExpressionNode → ch410
- EXRExporter → ch545
- EXRLoader → ch164
- ExternalTexture → ch225
- ExtrudeGeometry → ch032
- FaceFrame → ch546
- FBXLoader → ch165
- FigureEightPolynomialKnot → ch547
- FileLoader → ch166
- FilmNode → ch411
- FilmPass → ch251
- FilmShader → ch698
- FirstPersonControls → ch309
- FlakesTexture → ch226
- FlipNode → ch412
- Float16BufferAttribute → ch652
- Float32BufferAttribute → ch653
- Flow → ch548
- FlyControls → ch310
- FocusShader → ch699
- Fog → ch654, ch815 (manual)
- FogExp2 → ch655
- Font → ch549
- FontLoader → ch167
- ForestGenerator → ch550
- FramebufferTexture → ch227
- FreiChenShader → ch700
- FrontFacingNode → ch413
- Frustum → ch346
- FrustumArray → ch347
- FSR1Node → ch414
- FullScreenQuad → ch551
- FunctionCallNode → ch415
- FunctionNode → ch416
- FunctionOverloadingNode → ch417
- FXAANode → ch418
- FXAAPass → ch252
- FXAAShader → ch701
- GammaCorrectionShader → ch702
- GaussianBlurNode → ch419
- GCodeLoader → ch168
- GeometryCompressionUtils → ch703
- GeometryUtils → ch704
- GLBufferAttribute → ch656
- GlitchPass → ch253
- Global Constants → ch795
- Global Utility Functions → ch796
- GLSLNodeBuilder → ch657
- GLSLNodeFunction → ch658
- GLSLNodeParser → ch659
- GLTFExporter → ch552
- GLTFLoader → ch169
- GodraysNode → ch420
- GPUComputationRenderer → ch254
- GrannyKnot → ch553
- GridHelper → ch324
- GroundedSkybox → ch554
- GroundedSkybox → ch705
- Group → ch003
- GTAONode → ch421
- GTAOPass → ch255
- GTAOShader → ch706
- Gyroscope → ch555
- HalftonePass → ch256
- HalftoneShader → ch707
- HDRCubeTextureLoader → ch170
- HDRLoader → ch171
- HeartCurve → ch348
- HelixCurve → ch349
- HemisphereLight → ch112
- HemisphereLightDataNode → ch113
- HemisphereLightHelper → ch114
- HemisphereLightNode → ch115
- HorizontalBlurShader → ch708
- HorizontalTiltShiftShader → ch709
- HTMLMesh → ch556
- HTMLTexture → ch228
- HueSaturationShader → ch710
- IcosahedronGeometry → ch033
- IESLoader → ch172
- IESSpotLight → ch116
- IESSpotLightNode → ch117
- ImageBitmapLoader → ch173
- ImageLoader → ch174
- ImageUtils → ch660
- ImportanceSampledEnvironment → ch557
- ImprovedNoise → ch558
- IndexNode → ch422
- IndirectStorageBufferAttribute → ch661
- Info → ch662
- InputNode → ch423
- InspectorBase → ch663
- InspectorNode → ch424
- InstancedBufferAttribute → ch664
- InstancedBufferGeometry → ch034
- InstancedFlow → ch559
- InstancedInterleavedBuffer → ch665
- InstancedMesh → ch004
- Int16BufferAttribute → ch666
- Int32BufferAttribute → ch667
- Int8BufferAttribute → ch668
- InteractionManager → ch560
- InteractiveGroup → ch561
- InterleavedBuffer → ch669
- InterleavedBufferAttribute → ch670
- Interpolant → ch350
- Interpolations → ch711
- IrradianceNode → ch425
- IsolateNode → ch426
- JoinNode → ch427
- JoltPhysics → ch562
- KaleidoShader → ch712
- KeyframeTrack → ch292
- KMZLoader → ch175
- KnotCurve → ch351
- KTX2Exporter → ch563
- KTX2Loader → ch176
- KTXLoader → ch177
- LatheGeometry → ch035
- Layers → ch671
- LDrawConditionalLineMaterial → ch059
- LDrawLoader → ch178
- LDrawUtils → ch564
- Lensflare → ch565
- LensflareElement → ch566
- LensflareMesh → ch567
- LensflareNode → ch428
- Light → ch118
- LightingContextNode → ch119
- LightingModel → ch120
- LightingNode → ch121
- LightProbe → ch122
- LightProbeGenerator → ch123
- LightProbeGrid → ch124
- LightProbeGridHelper → ch125
- LightProbeHelper → ch126
- LightProbeNode → ch127
- LightShadow → ch128
- LightsNode → ch129
- Line → ch005
- Line2 → ch568
- Line2NodeMaterial → ch060
- Line3 → ch352
- LinearInterpolant → ch672
- LineBasicMaterial → ch061
- LineBasicNodeMaterial → ch062
- LineCurve → ch353
- LineCurve3 → ch354
- LineDashedMaterial → ch063
- LineDashedNodeMaterial → ch064
- LineGeometry → ch036
- LineLoop → ch006
- LineMaterial → ch065
- LineSegments → ch007
- LineSegments2 → ch569
- LineSegmentsGeometry → ch037
- Loader → ch179
- LoaderUtils → ch673
- LoadingManager → ch674
- LOD → ch008
- LoftGeometry → ch038
- LoopNode → ch429
- LottieLoader → ch180
- LuminosityHighPassShader → ch713
- LuminosityShader → ch714
- Lut → ch570
- LUT3dlLoader → ch181
- Lut3DNode → ch430
- LUTCubeLoader → ch182
- LUTImageLoader → ch183
- LUTPass → ch257
- LWOLoader → ch184
- MapControls → ch311
- MarchingCubes → ch571
- MaskPass → ch258
- Material → ch066
- MaterialLoader → ch185
- MaterialNode → ch431
- MaterialReferenceNode → ch432
- MaterialXLoader → ch186
- MathNode → ch433
- MathUtils → ch355
- Matrix2 → ch356
- Matrix3 → ch357
- Matrix4 → ch358
- MaxMipLevelNode → ch434
- MD2Character → ch572
- MD2CharacterComplex → ch573
- MD2Loader → ch187
- MDDLoader → ch188
- MemberNode → ch435
- Mesh → ch009
- MeshBasicMaterial → ch067
- MeshBasicNodeMaterial → ch068
- MeshDepthMaterial → ch069
- MeshDistanceMaterial → ch070
- MeshLambertMaterial → ch071
- MeshLambertNodeMaterial → ch072
- MeshMatcapMaterial → ch073
- MeshMatcapNodeMaterial → ch074
- MeshNormalMaterial → ch075
- MeshNormalNodeMaterial → ch076
- MeshPhongMaterial → ch077
- MeshPhongNodeMaterial → ch078
- MeshPhysicalMaterial → ch079
- MeshPhysicalNodeMaterial → ch080
- MeshSSSNodeMaterial → ch081
- MeshStandardMaterial → ch082
- MeshStandardNodeMaterial → ch083
- MeshSurfaceSampler → ch574
- MeshToonMaterial → ch084
- MeshToonNodeMaterial → ch085
- MirrorShader → ch715
- ModelNode → ch436
- MorphAnimMesh → ch575
- MorphBlendMesh → ch576
- MRTNode → ch437
- MTLLoader → ch189
- Node → ch438
- NodeAttribute → ch746
- NodeBuilder → ch747
- NodeCache → ch748
- NodeCode → ch749
- NodeError → ch750
- NodeFrame → ch751
- NodeFunction → ch752
- NodeFunctionInput → ch753
- NodeLoader → ch190
- NodeMaterial → ch086
- NodeMaterialLoader → ch191
- NodeMaterialObserver → ch754
- NodeObjectLoader → ch192
- NodeParser → ch755
- NodeUniform → ch756
- NodeVar → ch757
- NodeVarying → ch758
- NormalMapNode → ch439
- NormalMapShader → ch716
- NRRDLoader → ch193
- NumberKeyframeTrack → ch293
- NURBSCurve → ch359
- NURBSSurface → ch577
- NURBSUtils → ch717
- NURBSVolume → ch578
- OBB → ch579
- Object3D → ch010, ch844 (manual scene graph)
- Object3DNode → ch440
- ObjectLoader → ch194
- OBJExporter → ch580
- OBJLoader → ch195
- OctahedronGeometry → ch039
- Octree → ch581
- OctreeHelper → ch325
- OculusHandModel → ch582
- OculusHandPointerModel → ch583
- OperatorNode → ch441
- OrbitControls → ch312
- OrthographicCamera → ch018
- OutlineEffect → ch584
- OutlineNode → ch442
- OutlinePass → ch259
- OutputPass → ch260
- OutputShader → ch718
- OutputStructNode → ch443
- OverrideContextNode → ch444
- PackFloatNode → ch445
- ParallaxBarrierEffect → ch585
- ParallaxBarrierPassNode → ch446
- ParameterNode → ch447
- ParametricFunctions → ch719
- ParametricGeometry → ch040
- Pass → ch261
- PassMultipleTextureNode → ch448
- PassNode → ch449
- PassTextureNode → ch450
- Path → ch759
- PCDLoader → ch196
- PDBLoader → ch197
- PerspectiveCamera → ch019
- PhongLightingModel → ch130
- PhysicalLightingModel → ch131
- PixelationNode → ch451
- PixelationPassNode → ch452
- Plane → ch360
- PlaneGeometry → ch041
- PlaneHelper → ch326
- PLYExporter → ch586
- PLYLoader → ch198
- PMREMGenerator → ch760
- PMREMNode → ch453
- PointerLockControls → ch313
- PointLight → ch132
- PointLightDataNode → ch133
- PointLightHelper → ch134
- PointLightNode → ch135
- PointLightShadow → ch136
- Points → ch011
- PointShadowNode → ch454
- PointsMaterial → ch087
- PointsNodeMaterial → ch088
- PointUVNode → ch455
- PoissonDenoiseShader → ch720
- PolarGridHelper → ch327
- PolyhedronGeometry → ch042
- PositionalAudio → ch304
- PositionalAudioHelper → ch305
- PostProcessing → ch761
- ProgressiveLightMap → ch137
- Projector → ch587
- ProjectorLight → ch138
- ProjectorLightNode → ch139
- PropertyBinding → ch294
- PropertyMixer → ch295
- PropertyNode → ch456
- PVRLoader → ch199
- QuadMesh → ch762
- QuadraticBezierCurve → ch361
- QuadraticBezierCurve3 → ch362
- Quaternion → ch363
- QuaternionKeyframeTrack → ch296
- QuaternionLinearInterpolant → ch763
- RangeNode → ch457
- RapierHelper → ch328
- RapierPhysics → ch588
- RawShaderMaterial → ch089
- Ray → ch364
- Raycaster → ch764, ch837 (manual picking)
- Raymarching → ch721
- ReadbackBuffer → ch765
- RectAreaLight → ch140
- RectAreaLightHelper → ch141
- RectAreaLightNode → ch142
- RectAreaLightTexturesLib → ch143
- RectAreaLightUniformsLib → ch144
- RecurrentDenoiseNode → ch458
- ReferenceBaseNode → ch459
- ReferenceElementNode → ch460
- ReferenceNode → ch461
- Reflector → ch589
- ReflectorForSSRPass → ch262
- ReflectorNode → ch462
- Refractor → ch590
- Renderer → ch263
- RendererReferenceNode → ch463
- RenderOutputNode → ch464
- RenderPass → ch264
- RenderPipeline → ch766
- RenderPixelatedPass → ch265
- RenderTarget → ch266
- RenderTarget3D → ch767
- RenderTransitionPass → ch267
- RetroPassNode → ch465
- RGBShiftNode → ch466
- RGBShiftShader → ch722
- Rhino3dmLoader → ch200
- RingGeometry → ch043
- RollerCoasterGeometry → ch044
- RollerCoasterLiftersGeometry → ch045
- RollerCoasterShadowGeometry → ch046
- RoomEnvironment → ch591
- RotateNode → ch467
- RoundedBoxGeometry → ch047
- RTTNode → ch468
- SampleNode → ch469
- SAOPass → ch268
- SAOShader → ch723
- SavePass → ch269
- Scene → ch012
- SceneOptimizer → ch592
- SceneUtils → ch724
- ScreenNode → ch470
- SelectionBox → ch593
- SelectionHelper → ch329
- SepiaShader → ch725
- SetNode → ch471
- ShaderMaterial → ch090
- ShaderPass → ch270
- ShadowBaseNode → ch472
- ShadowMapViewer → ch594
- ShadowMaskModel → ch768
- ShadowMaterial → ch091
- ShadowMesh → ch595
- ShadowNode → ch473
- ShadowNodeMaterial → ch092
- Shape → ch769
- ShapeGeometry → ch048
- ShapePath → ch770
- ShapeUtils → ch771
- SharpenNode → ch474
- SidewalkGenerator → ch596
- SimplexNoise → ch597
- SimplifyModifier → ch598
- Skeleton → ch772
- SkeletonHelper → ch330
- SkeletonUtils → ch726
- SkinnedMesh → ch013
- Sky → ch599
- SkyGeometry → ch049
- SkyMesh → ch600
- SkyscraperGenerator → ch601
- SMAANode → ch475
- SMAAPass → ch271
- SMAAShader → ch727
- SobelOperatorNode → ch476
- SobelOperatorShader → ch728
- SortUtils → ch729
- Source → ch773
- Sphere → ch365
- SphereGeometry → ch050
- Spherical → ch366
- SphericalHarmonics3 → ch774
- SplineCurve → ch367
- SplitNode → ch477
- SpotLight → ch145
- SpotLightDataNode → ch146
- SpotLightHelper → ch147
- SpotLightNode → ch148
- SpotLightShadow → ch149
- Sprite → ch014
- SpriteMaterial → ch093
- SpriteNodeMaterial → ch094
- SSAAPassNode → ch478
- SSAARenderPass → ch272
- SSAOPass → ch273
- SSAOShader → ch730
- SSGINode → ch479
- SSRNode → ch480
- SSRPass → ch274
- SSRShader → ch731
- SSSLightingModel → ch150
- SSSNode → ch481
- StackNode → ch482
- StackTrace → ch775
- StandardNodeLibrary → ch776
- StereoCamera → ch020
- StereoCompositePassNode → ch483
- StereoEffect → ch602
- StereoPassNode → ch484
- STLExporter → ch603
- STLLoader → ch201
- Storage3DTexture → ch229
- StorageArrayElementNode → ch485
- StorageArrayTexture → ch230
- StorageBufferAttribute → ch777
- StorageBufferNode → ch486
- StorageInstancedBufferAttribute → ch778
- StorageTexture → ch231
- StorageTexture3DNode → ch487
- StorageTextureNode → ch488
- StringKeyframeTrack → ch297
- StructNode → ch489
- StructTypeNode → ch490
- SubBuildNode → ch491
- SubgroupFunctionNode → ch492
- SubsurfaceScatteringShader → ch732
- SVGLoader → ch202
- SVGObject → ch604
- SVGRenderer → ch275
- TAARenderPass → ch276
- TAAUNode → ch493
- Tab → ch605
- TDSLoader → ch203
- TeapotGeometry → ch051
- TempNode → ch494
- TemporalReprojectNode → ch495
- TerrainGenerator → ch606
- TessellateModifier → ch607
- TetrahedronGeometry → ch052
- Text2D → ch733
- TextGeometry → ch053
- Texture → ch232
- Texture3DNode → ch233
- TextureHelper → ch234
- TextureLoader → ch204
- TextureNode → ch235
- TexturePass → ch236
- TextureSizeNode → ch237
- TextureUtils → ch238
- TGALoader → ch205
- ThreeMFLoader → ch206
- TIFFLoader → ch207
- TileCreasedNormalsPlugin → ch608
- TileShadowNode → ch496
- TileShadowNodeHelper → ch331
- Timer → ch779
- TimestampQueryPool → ch780
- ToneMappingNode → ch497
- ToonLightingModel → ch151
- ToonOutlinePassNode → ch498
- TorusGeometry → ch054
- TorusKnot → ch609
- TorusKnotGeometry → ch055
- TRAANode → ch499
- TrackballControls → ch314
- TransformControls → ch315
- TransitionNode → ch500
- Transpiler → ch610
- TreeGenerator → ch611
- TreesGeometry → ch056
- TrefoilKnot → ch612
- TrefoilPolynomialKnot → ch613
- Triangle → ch368
- TriangleBlurShader → ch734
- TSL Built-in Inputs → ch798
- TSL Language Basics → ch797
- TSL Utility Functions → ch799
- TTFLoader → ch208
- TubeGeometry → ch057
- TubePainter → ch614
- Uint16BufferAttribute → ch781
- Uint32BufferAttribute → ch782
- Uint8BufferAttribute → ch783
- Uint8ClampedBufferAttribute → ch784
- UltraHDRLoader → ch209
- Uniform → ch785
- UniformArrayElementNode → ch501
- UniformArrayNode → ch502
- UniformGroupNode → ch503
- UniformNode → ch504
- UniformsGroup → ch786
- UniformsUtils → ch735
- UnpackDepthRGBAShader → ch736
- UnpackFloatNode → ch505
- UnrealBloomPass → ch277
- USDComposer → ch615
- USDLoader → ch210
- USDZExporter → ch616
- UserDataNode → ch506
- UVsDebug → ch737
- VarNode → ch507
- VaryingNode → ch508
- Vector2 → ch369
- Vector3 → ch370
- Vector4 → ch371
- VectorKeyframeTrack → ch298
- VelocityNode → ch509
- VelocityShader → ch738
- VertexColorNode → ch510
- VertexNormalsHelper → ch332
- VertexTangentsHelper → ch333
- VerticalBlurShader → ch739
- VerticalTiltShiftShader → ch740
- VideoFrameTexture → ch239
- VideoTexture → ch240
- ViewHelper → ch334
- ViewportDepthNode → ch511
- ViewportDepthTextureNode → ch512
- ViewportSharedTextureNode → ch513
- ViewportTextureNode → ch514
- VignetteShader → ch741
- VivianiCurve → ch372
- Volume → ch617
- VolumeNodeMaterial → ch095
- VolumeShader → ch742
- VolumeSlice → ch618
- VolumetricLightingModel → ch152
- VOXLoader → ch211
- VRButton → ch619, ch857 (manual VR basics)
- VRMLLoader → ch212
- VTKLoader → ch213
- Water → ch620
- WaterMesh → ch621
- WaterRefractionShader → ch743
- WebGL → ch622
- WebGL3DRenderTarget → ch278
- WebGLArrayRenderTarget → ch279
- WebGLCubeRenderTarget → ch280
- WebGLNodesHandler → ch623
- WebGLRenderer → ch281
- WebGLRenderTarget → ch282, ch842 (manual render targets)
- WebGLTextureUtils → ch744
- WebGLTimestampQueryPool → ch787
- WebGPU → ch624
- WebGPURenderer → ch283
- WebGPUTextureUtils → ch745
- WebGPUTimestampQueryPool → ch788
- WebXRDepthSensing → ch789
- WebXRManager → ch790
- WGSLNodeBuilder → ch791
- WGSLNodeFunction → ch792
- WGSLNodeParser → ch793
- Wireframe → ch625
- WireframeGeometry → ch058
- WireframeGeometry2 → ch626
- WoodNodeMaterial → ch096
- WorkerPool → ch627
- WorkgroupInfoElementNode → ch515
- WorkgroupInfoNode → ch516
- XRButton → ch628
- XRControllerModel → ch629
- XRControllerModelFactory → ch630
- XREstimatedLight → ch153
- XRHandMeshModel → ch631
- XRHandModel → ch632
- XRHandModelFactory → ch633
- XRHandPrimitiveModel → ch634
- XRManager → ch794
- XRPlanes → ch635
- XYZLoader → ch214
Supporting Files
- glossary.md — key terms with definitions
- patterns.md — composition patterns and their trade-offs
- cheatsheet.md — decision tables and quick reference
Scope & Limits
This skill covers the Three.js @three.js documentation as fetched from the official repository (dev branch, fetched 2026-08-25) — Core API, Addons (examples/jsm), and the TSL shading language. Chapters are synthesized/restructured reference summaries, not verbatim copies of the source docs; always verify exact signatures against the official docs or TypeScript types for anything version-sensitive. Three.js's API surface changes across releases — if working against a pinned older/newer version, cross-check before relying on a chapter's exact signatures. The TSL chapters (797-799) and the Global reference chapters (795-796) are curated subsets of a much larger function library (600+ TSL functions, 1000+ global constants) — not exhaustive; use editor autocomplete on three/tsl / three to discover what isn't covered here.