[{"id": "03027137a4678fdc", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Getting Started", "content": "Page: three.js manual\nSection: Getting Started\n\n- Installation\n- Creating a Scene\n- Creating Text\n- Drawing Lines\n- FAQ\n- Libraries and Plugins\n- Loading 3D Models\n- Uniform Types\n- Useful Links\n- WebGL Compatibility Check", "code_blocks": [], "chunk_position": 0, "heading_path": "Getting Started > Getting Started", "breadcrumbs": "three.js manual > Getting Started > Getting Started"}, {"id": "b6ad18bc0a5337ba", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Next Steps", "content": "Page: three.js manual\nSection: Next Steps\n\n- Animation System\n- Color Management\n- How to create VR content\n- How to dispose of Objects\n- How to update Things\n- How to use Post Processing\n- Matrix Transformations", "code_blocks": [], "chunk_position": 0, "heading_path": "Next Steps > Next Steps", "breadcrumbs": "three.js manual > Next Steps > Next Steps"}, {"id": "dd579052a01413c8", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Basics", "content": "Page: three.js manual\nSection: Basics\n\n- Fundamentals\n- Responsive Design\n- Prerequisites\n- Setup", "code_blocks": [], "chunk_position": 0, "heading_path": "Basics > Basics", "breadcrumbs": "three.js manual > Basics > Basics"}, {"id": "78d327aa7c73e497", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Fundamentals", "content": "Page: three.js manual\nSection: Fundamentals\n\n- Primitives\n- Scenegraph\n- Materials\n- Textures\n- Lights\n- Cameras\n- Shadows\n- Fog\n- Render Targets\n- Custom BufferGeometry\n- Physics", "code_blocks": [], "chunk_position": 0, "heading_path": "Fundamentals > Fundamentals", "breadcrumbs": "three.js manual > Fundamentals > Fundamentals"}, {"id": "e926f7bb29e2aec5", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Tips", "content": "Page: three.js manual\nSection: Tips\n\n- Rendering On Demand\n- Debugging JavaScript\n- Debugging GLSL\n- Taking a screenshot\n- Prevent the Canvas Being Cleared\n- Get Keyboard Input From a Canvas\n- Make the Canvas Transparent\n- Use three.js as Background in HTML", "code_blocks": [], "chunk_position": 0, "heading_path": "Tips > Tips", "breadcrumbs": "three.js manual > Tips > Tips"}, {"id": "ed8701fe92b668b7", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Optimization", "content": "Page: three.js manual\nSection: Optimization\n\n- Optimizing Lots of Objects\n- Optimizing Lots of Objects Animated\n- Using OffscreenCanvas in a Web Worker", "code_blocks": [], "chunk_position": 0, "heading_path": "Optimization > Optimization", "breadcrumbs": "three.js manual > Optimization > Optimization"}, {"id": "b9d5c5e777150691", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Solutions", "content": "Page: three.js manual\nSection: Solutions\n\n- Load an .OBJ file\n- Load a .GLTF file\n- Add a Background or Skybox\n- How to Draw Transparent Objects\n- Multiple Canvases, Multiple Scenes\n- Picking Objects with the mouse\n- Post Processing\n- Using Shadertoy shaders\n- Aligning HTML Elements to 3D\n- Using Indexed Textures for Picking and Color\n- Using A Canvas for Dynamic Textures\n- Billboards and Facades\n- Freeing Resources\n- Making Voxel Geometry (Minecraft)\n- Start making a Game", "code_blocks": [], "chunk_position": 0, "heading_path": "Solutions > Solutions", "breadcrumbs": "three.js manual > Solutions > Solutions"}, {"id": "ccf34ddffbd2c15a", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "WebGPU", "content": "Page: three.js manual\nSection: WebGPU\n\n- WebGPURenderer\n- Post-Processing", "code_blocks": [], "chunk_position": 0, "heading_path": "WebGPU > WebGPU", "breadcrumbs": "three.js manual > WebGPU > WebGPU"}, {"id": "55e1e411895e5dcd", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "WebXR", "content": "Page: three.js manual\nSection: WebXR\n\n- VR - Basics\n- VR - Look To Select\n- VR - Point To Select", "code_blocks": [], "chunk_position": 0, "heading_path": "WebXR > WebXR", "breadcrumbs": "three.js manual > WebXR > WebXR"}, {"id": "56f1e6d09d61bbb3", "url": "https://threejs.org/manual/", "page_title": "three.js manual", "page_type": "overview", "page_summary": "The main index page for the three.js manual, listing all available guides, tutorials, references, and solutions organized by topic category including Getting Started, Fundamentals, Tips, Optimization, Solutions, WebGPU, and WebXR.", "heading": "Reference", "content": "Page: three.js manual\nSection: Reference\n\n- Material Table", "code_blocks": [], "chunk_position": 0, "heading_path": "Reference > Reference", "breadcrumbs": "three.js manual > Reference > Reference"}, {"id": "e47b755b06638df8", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core", "content": "Page: three.js docs\nSection: Core\n\nThe Core library provides the fundamental classes and modules for three.js, organized into the following categories: Animation, Audio, Cameras, Core, Extras, Geometries, Helpers, Lights, Loaders, Materials, Math, Nodes, Objects, Renderers, Scenes, and Textures.", "code_blocks": [], "chunk_position": 1, "heading_path": "Core > Core", "breadcrumbs": "three.js docs > Core > Core"}, {"id": "b2353059f5e33f74", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Animation", "content": "Page: three.js docs\nSection: Core / Animation\n\nAnimationAction, AnimationClip, AnimationMixer, AnimationObjectGroup, AnimationUtils, BooleanKeyframeTrack, ColorKeyframeTrack, KeyframeTrack, NumberKeyframeTrack, PropertyBinding, PropertyMixer, QuaternionKeyframeTrack, StringKeyframeTrack, VectorKeyframeTrack", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Animation > Core / Animation", "breadcrumbs": "three.js docs > Core / Animation > Core / Animation"}, {"id": "3086e10b4bbd8cdf", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Audio", "content": "Page: three.js docs\nSection: Core / Audio\n\nAudio, AudioAnalyser, AudioContext, AudioListener, PositionalAudio", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Audio > Core / Audio", "breadcrumbs": "three.js docs > Core / Audio > Core / Audio"}, {"id": "d74b152e334a7808", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Cameras", "content": "Page: three.js docs\nSection: Core / Cameras\n\nArrayCamera, Camera, CubeCamera, OrthographicCamera, PerspectiveCamera, StereoCamera", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Cameras > Core / Cameras", "breadcrumbs": "three.js docs > Core / Cameras > Core / Cameras"}, {"id": "73cf3bf8ba7ee560", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Core", "content": "Page: three.js docs\nSection: Core / Core\n\nBufferAttribute, BufferGeometry, Clock, EventDispatcher, Float16BufferAttribute, Float32BufferAttribute, GLBufferAttribute, InstancedBufferAttribute, InstancedBufferGeometry, InstancedInterleavedBuffer, Int16BufferAttribute, Int32BufferAttribute, Int8BufferAttribute, InterleavedBuffer, InterleavedBufferAttribute, Layers, Object3D, Raycaster, RenderTarget, RenderTarget3D, Timer, Uint16BufferAttribute, Uint32BufferAttribute, Uint8BufferAttribute, Uint8ClampedBufferAttribute, Uniform, UniformsGroup", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Core > Core / Core", "breadcrumbs": "three.js docs > Core / Core > Core / Core"}, {"id": "1c8696f22b0e748e", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Extras", "content": "Page: three.js docs\nSection: Core / Extras\n\nArcCurve, CatmullRomCurve3, Controls, CubicBezierCurve, CubicBezierCurve3, Curve, CurvePath, DataUtils, Earcut, EllipseCurve, ImageUtils, LineCurve, LineCurve3, PMREMGenerator, Path, QuadraticBezierCurve, QuadraticBezierCurve3, Shape, ShapePath, ShapeUtils, SplineCurve, TextureUtils, Interpolations", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Extras > Core / Extras", "breadcrumbs": "three.js docs > Core / Extras > Core / Extras"}, {"id": "21b1e6d153249cda", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Geometries", "content": "Page: three.js docs\nSection: Core / Geometries\n\nBoxGeometry, CapsuleGeometry, CircleGeometry, ConeGeometry, CylinderGeometry, DodecahedronGeometry, EdgesGeometry, ExtrudeGeometry, IcosahedronGeometry, LatheGeometry, OctahedronGeometry, PlaneGeometry, PolyhedronGeometry, RingGeometry, ShapeGeometry, SphereGeometry, TetrahedronGeometry, TorusGeometry, TorusKnotGeometry, TubeGeometry, WireframeGeometry", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Geometries > Core / Geometries", "breadcrumbs": "three.js docs > Core / Geometries > Core / Geometries"}, {"id": "fc77f50193ee72db", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Helpers", "content": "Page: three.js docs\nSection: Core / Helpers\n\nArrowHelper, AxesHelper, Box3Helper, BoxHelper, CameraHelper, DirectionalLightHelper, GridHelper, HemisphereLightHelper, PlaneHelper, PointLightHelper, PolarGridHelper, SkeletonHelper, SpotLightHelper", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Helpers > Core / Helpers", "breadcrumbs": "three.js docs > Core / Helpers > Core / Helpers"}, {"id": "e846c5ec0a38240e", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Lights", "content": "Page: three.js docs\nSection: Core / Lights\n\nAmbientLight, DirectionalLight, DirectionalLightShadow, HemisphereLight, IESSpotLight, Light, LightProbe, LightShadow, PointLight, PointLightShadow, ProjectorLight, RectAreaLight, SpotLight, SpotLightShadow", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Lights > Core / Lights", "breadcrumbs": "three.js docs > Core / Lights > Core / Lights"}, {"id": "7ebc6418a2a52c99", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Loaders", "content": "Page: three.js docs\nSection: Core / Loaders\n\nAnimationLoader, AudioLoader, BufferGeometryLoader, Cache, CompressedTextureLoader, CubeTextureLoader, DataTextureLoader, FileLoader, ImageBitmapLoader, ImageLoader, Loader, LoaderUtils, LoadingManager, MaterialLoader, NodeLoader, NodeMaterialLoader, NodeObjectLoader, ObjectLoader, TextureLoader", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Loaders > Core / Loaders", "breadcrumbs": "three.js docs > Core / Loaders > Core / Loaders"}, {"id": "520d432063d47846", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Materials", "content": "Page: three.js docs\nSection: Core / Materials\n\nLine2NodeMaterial, LineBasicMaterial, LineBasicNodeMaterial, LineDashedMaterial, LineDashedNodeMaterial, Material, MeshBasicMaterial, MeshBasicNodeMaterial, MeshDepthMaterial, MeshDistanceMaterial, MeshLambertMaterial, MeshLambertNodeMaterial, MeshMatcapMaterial, MeshMatcapNodeMaterial, MeshNormalMaterial, MeshNormalNodeMaterial, MeshPhongMaterial, MeshPhongNodeMaterial, MeshPhysicalMaterial, MeshPhysicalNodeMaterial, MeshSSSNodeMaterial, MeshStandardMaterial, MeshStandardNodeMaterial, MeshToonMaterial, MeshToonNodeMaterial, NodeMaterial, NodeMaterialObserver, PointsMaterial, PointsNodeMaterial, RawShaderMaterial, SSSLightingModel, ShaderMaterial, ShadowMaterial, ShadowNodeMaterial, SpriteMaterial, SpriteNodeMaterial, VolumeNodeMaterial", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Materials > Core / Materials", "breadcrumbs": "three.js docs > Core / Materials > Core / Materials"}, {"id": "9b6542f4b0ab05f2", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Math", "content": "Page: three.js docs\nSection: Core / Math\n\nBezierInterpolant, Box2, Box3, Color, CubicInterpolant, Cylindrical, DiscreteInterpolant, Euler, Frustum, FrustumArray, Interpolant, Line3, LinearInterpolant, MathUtils, Matrix2, Matrix3, Matrix4, Plane, Quaternion, QuaternionLinearInterpolant, Ray, Sphere, Spherical, SphericalHarmonics3, Triangle, Vector2, Vector3, Vector4", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Math > Core / Math", "breadcrumbs": "three.js docs > Core / Math > Core / Math"}, {"id": "8022e278bf287bb1", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Nodes", "content": "Page: three.js docs\nSection: Core / Nodes\n\nAONode, AmbientLightNode, AnalyticLightNode, ArrayElementNode, ArrayNode, AssignNode, AtomicFunctionNode, AttributeNode, BarrierNode, BasicEnvironmentNode, BasicLightMapNode, BasicLightingModel, BitcastNode, BitcountNode, BufferAttributeNode, BufferNode, BuiltinNode, BumpMapNode, BypassNode, ClippingNode, CodeNode, ColorSpaceNode, ComputeBuiltinNode, ComputeNode, ConditionalNode, ConstNode, ContextNode, ConvertNode, CubeMapNode, CubeTextureNode, DirectionalLightNode, EnvironmentNode, EventNode, ExpressionNode, FlipNode, FrontFacingNode, FunctionCallNode, FunctionNode, FunctionOverloadingNode, GLSLNodeFunction, GLSLNodeParser, HemisphereLightNode, IESSpotLightNode, IndexNode, InputNode, InspectorNode, IrradianceNode, IsolateNode, JoinNode, LightProbeNode, LightingContextNode, LightingModel, LightingNode, LightsNode, LoopNode, MRTNode, MaterialNode, MaterialReferenceNode, MathNode, MaxMipLevelNode, MemberNode, ModelNode, Node, NodeAttribute, NodeBuilder, NodeCache, NodeCode, NodeError, NodeFrame, NodeFunction, NodeFunctionInput, NodeParser, NodeUniform, NodeVar, NodeVarying, NormalMapNode, Object3DNode, OperatorNode, OutputStructNode, OverrideContextNode, PMREMNode, PackFloatNode, ParameterNode, PassMultipleTextureNode, PassNode, PassTextureNode, PhongLightingModel, PhysicalLightingModel, PointLightNode, PointShadowNode, PointUVNode, ProjectorLightNode, PropertyNode, RTTNode, RangeNode, RectAreaLightNode, ReferenceBaseNode, ReferenceElementNode, ReferenceNode, ReflectorNode, RenderOutputNode, RendererReferenceNode, RotateNode, SampleNode, ScreenNode, SetNode, ShadowBaseNode, ShadowMaskModel, ShadowNode, SplitNode, SpotLightNode, StackNode, StackTrace, StorageArrayElementNode, StorageBufferNode, StorageTexture3DNode, StorageTextureNode, StructNode, StructTypeNode, SubBuildNode, SubgroupFunctionNode, TempNode, Texture3DNode, TextureNode, TextureSizeNode, ToneMappingNode, ToonLightingModel, ToonOutlinePassNode, UniformArrayElementNode, UniformArrayNode, UniformGroupNode, UniformNode, UnpackFloatNode, UserDataNode, VarNode, VaryingNode, VelocityNode, VertexColorNode, ViewportDepthNode, ViewportDepthTextureNode, ViewportSharedTextureNode, ViewportTextureNode, VolumetricLightingModel, WorkgroupInfoElementNode, WorkgroupInfoNode", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Nodes > Core / Nodes", "breadcrumbs": "three.js docs > Core / Nodes > Core / Nodes"}, {"id": "a2908f26626bb329", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Objects", "content": "Page: three.js docs\nSection: Core / Objects\n\nBatchedMesh, Bone, ClippingGroup, Group, InstancedMesh, LOD, Line, LineLoop, LineSegments, Mesh, Points, Skeleton, SkinnedMesh, Sprite", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Objects > Core / Objects", "breadcrumbs": "three.js docs > Core / Objects > Core / Objects"}, {"id": "8c2209224a81ce97", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Renderers", "content": "Page: three.js docs\nSection: Core / Renderers\n\nBackend, BlendMode, BundleGroup, CanvasTarget, CubeRenderTarget, GLSLNodeBuilder, IndirectStorageBufferAttribute, Info, InspectorBase, PostProcessing, QuadMesh, ReadbackBuffer, RenderPipeline, Renderer, StandardNodeLibrary, Storage3DTexture, StorageArrayTexture, StorageBufferAttribute, StorageInstancedBufferAttribute, StorageTexture, TimestampQueryPool, WGSLNodeBuilder, WGSLNodeFunction, WGSLNodeParser, WebGL3DRenderTarget, WebGLArrayRenderTarget, WebGLCubeRenderTarget, WebGLRenderTarget, WebGLRenderer, WebGLTimestampQueryPool, WebGPURenderer, WebGPUTimestampQueryPool, WebXRDepthSensing, WebXRManager, XRManager, UniformsUtils", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Renderers > Core / Renderers", "breadcrumbs": "three.js docs > Core / Renderers > Core / Renderers"}, {"id": "031cff7fa573b01d", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Scenes", "content": "Page: three.js docs\nSection: Core / Scenes\n\nFog, FogExp2, Scene", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Scenes > Core / Scenes", "breadcrumbs": "three.js docs > Core / Scenes > Core / Scenes"}, {"id": "3c3fa40439ba6f0a", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Core / Textures", "content": "Page: three.js docs\nSection: Core / Textures\n\nCanvasTexture, CompressedArrayTexture, CompressedCubeTexture, CompressedTexture, CubeDepthTexture, CubeTexture, Data3DTexture, DataArrayTexture, DataTexture, DepthTexture, ExternalTexture, FramebufferTexture, HTMLTexture, Source, Texture, VideoFrameTexture, VideoTexture", "code_blocks": [], "chunk_position": 1, "heading_path": "Core / Textures > Core / Textures", "breadcrumbs": "three.js docs > Core / Textures > Core / Textures"}, {"id": "c6dc3d430bd0045d", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons", "content": "Page: three.js docs\nSection: Addons\n\nThe Addons section provides additional classes and modules extending three.js functionality, organized into the following categories: Animation, Capabilities, Controls, Csm, Curves, Effects, Environments, Exporters, Generators, Geometries, Gpgpu, Helpers, Inspector, Interaction, Interactive, Lighting, Lights, Lines, Loaders, Materials, Math, Misc, Modifiers, Objects, Physics, Postprocessing, Renderers, Shaders, TSL, Textures, Transpiler, Utils, and Webxr.", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons > Addons", "breadcrumbs": "three.js docs > Addons > Addons"}, {"id": "caf5781aaee19546", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Animation", "content": "Page: three.js docs\nSection: Addons / Animation\n\nAnimationClipCreator, CCDIKHelper, CCDIKSolver", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Animation > Addons / Animation", "breadcrumbs": "three.js docs > Addons / Animation > Addons / Animation"}, {"id": "774ee3650cf46b3e", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Capabilities", "content": "Page: three.js docs\nSection: Addons / Capabilities\n\nWebGL, WebGPU", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Capabilities > Addons / Capabilities", "breadcrumbs": "three.js docs > Addons / Capabilities > Addons / Capabilities"}, {"id": "41e9471065f4780f", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Controls", "content": "Page: three.js docs\nSection: Addons / Controls\n\nArcballControls, DragControls, FirstPersonControls, FlyControls, MapControls, OrbitControls, PointerLockControls, TrackballControls, TransformControls", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Controls > Addons / Controls", "breadcrumbs": "three.js docs > Addons / Controls > Addons / Controls"}, {"id": "c98e12744375bcc5", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Csm", "content": "Page: three.js docs\nSection: Addons / Csm\n\nCSM, CSMFrustum, CSMHelper, CSMShadowNode, CSMShader", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Csm > Addons / Csm", "breadcrumbs": "three.js docs > Addons / Csm > Addons / Csm"}, {"id": "5bae63c216bd3a70", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Curves", "content": "Page: three.js docs\nSection: Addons / Curves\n\nCinquefoilKnot, DecoratedTorusKnot4a, DecoratedTorusKnot4b, DecoratedTorusKnot5a, DecoratedTorusKnot5c, FigureEightPolynomialKnot, GrannyKnot, HeartCurve, HelixCurve, KnotCurve, NURBSCurve, NURBSSurface, NURBSVolume, TorusKnot, TrefoilKnot, TrefoilPolynomialKnot, VivianiCurve, NURBSUtils", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Curves > Addons / Curves", "breadcrumbs": "three.js docs > Addons / Curves > Addons / Curves"}, {"id": "6bc92465166182cc", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Effects", "content": "Page: three.js docs\nSection: Addons / Effects\n\nAnaglyphEffect, AsciiEffect, OutlineEffect, ParallaxBarrierEffect, StereoEffect", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Effects > Addons / Effects", "breadcrumbs": "three.js docs > Addons / Effects > Addons / Effects"}, {"id": "ef6df0e770ae2bd0", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Environments", "content": "Page: three.js docs\nSection: Addons / Environments\n\nColorEnvironment, DebugEnvironment, RoomEnvironment", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Environments > Addons / Environments", "breadcrumbs": "three.js docs > Addons / Environments > Addons / Environments"}, {"id": "85ac51d0d1d70f8a", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Exporters", "content": "Page: three.js docs\nSection: Addons / Exporters\n\nDRACOExporter, EXRExporter, GLTFExporter, KTX2Exporter, OBJExporter, PLYExporter, STLExporter, USDZExporter", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Exporters > Addons / Exporters", "breadcrumbs": "three.js docs > Addons / Exporters > Addons / Exporters"}, {"id": "6c872ebb05158056", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Generators", "content": "Page: three.js docs\nSection: Addons / Generators\n\nCityGenerator, FaceFrame, ForestGenerator, SidewalkGenerator, SkyscraperGenerator, TerrainGenerator, TreeGenerator", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Generators > Addons / Generators", "breadcrumbs": "three.js docs > Addons / Generators > Addons / Generators"}, {"id": "1c1415c071b81044", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Geometries", "content": "Page: three.js docs\nSection: Addons / Geometries\n\nBoxLineGeometry, ConvexGeometry, DecalGeometry, LoftGeometry, ParametricGeometry, RoundedBoxGeometry, TeapotGeometry, TextGeometry, ParametricFunctions", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Geometries > Addons / Geometries", "breadcrumbs": "three.js docs > Addons / Geometries > Addons / Geometries"}, {"id": "8e9142d8ef6e59cd", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Gpgpu", "content": "Page: three.js docs\nSection: Addons / Gpgpu\n\nBitonicSort", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Gpgpu > Addons / Gpgpu", "breadcrumbs": "three.js docs > Addons / Gpgpu > Addons / Gpgpu"}, {"id": "cbbe20f30b007e53", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Helpers", "content": "Page: three.js docs\nSection: Addons / Helpers\n\nAnimationPathHelper, LightProbeGridHelper, LightProbeHelper, OctreeHelper, PositionalAudioHelper, RapierHelper, RectAreaLightHelper, TextureHelper, VertexNormalsHelper, VertexTangentsHelper, ViewHelper", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Helpers > Addons / Helpers", "breadcrumbs": "three.js docs > Addons / Helpers > Addons / Helpers"}, {"id": "813709ead20f449f", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Inspector", "content": "Page: three.js docs\nSection: Addons / Inspector\n\nTab", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Inspector > Addons / Inspector", "breadcrumbs": "three.js docs > Addons / Inspector > Addons / Inspector"}, {"id": "9378be6bcbe9b31c", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Interaction", "content": "Page: three.js docs\nSection: Addons / Interaction\n\nInteractionManager", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Interaction > Addons / Interaction", "breadcrumbs": "three.js docs > Addons / Interaction > Addons / Interaction"}, {"id": "bcaae3a26d927d45", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Interactive", "content": "Page: three.js docs\nSection: Addons / Interactive\n\nHTMLMesh, InteractiveGroup, SelectionBox, SelectionHelper", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Interactive > Addons / Interactive", "breadcrumbs": "three.js docs > Addons / Interactive > Addons / Interactive"}, {"id": "d0909c085897386d", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Lighting", "content": "Page: three.js docs\nSection: Addons / Lighting\n\nClusteredLighting, DynamicLighting, LightProbeGrid", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Lighting > Addons / Lighting", "breadcrumbs": "three.js docs > Addons / Lighting > Addons / Lighting"}, {"id": "59c9a8badab2d9c3", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Lights", "content": "Page: three.js docs\nSection: Addons / Lights\n\nLightProbeGenerator, RectAreaLightTexturesLib, RectAreaLightUniformsLib", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Lights > Addons / Lights", "breadcrumbs": "three.js docs > Addons / Lights > Addons / Lights"}, {"id": "fcc489c5e3f33c8a", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Lines", "content": "Page: three.js docs\nSection: Addons / Lines\n\nLine2, LineGeometry, LineMaterial, LineSegments2, LineSegmentsGeometry, Wireframe, WireframeGeometry2", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Lines > Addons / Lines", "breadcrumbs": "three.js docs > Addons / Lines > Addons / Lines"}, {"id": "7658dd02f1083435", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Loaders", "content": "Page: three.js docs\nSection: Addons / Loaders\n\nAMFLoader, BVHLoader, ColladaComposer, ColladaLoader, ColladaParser, DDSLoader, DRACOLoader, EXRLoader, FBXLoader, Font, FontLoader, GCodeLoader, GLTFLoader, HDRCubeTextureLoader, HDRLoader, IESLoader, KMZLoader, KTX2Loader, KTXLoader, LDrawLoader, LUT3dlLoader, LUTCubeLoader, LUTImageLoader, LWOLoader, LottieLoader, MD2Loader, MDDLoader, MTLLoader, MaterialXLoader, NRRDLoader, OBJLoader, PCDLoader, PDBLoader, PLYLoader, PVRLoader, Rhino3dmLoader, STLLoader, SVGLoader, TDSLoader, TGALoader, TIFFLoader, TTFLoader, ThreeMFLoader, USDComposer, USDLoader, UltraHDRLoader, VOXLoader, VRMLLoader, VTKLoader, XYZLoader", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Loaders > Addons / Loaders", "breadcrumbs": "three.js docs > Addons / Loaders > Addons / Loaders"}, {"id": "8525a0cdd9bbeb06", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Materials", "content": "Page: three.js docs\nSection: Addons / Materials\n\nLDrawConditionalLineMaterial, WoodNodeMaterial", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Materials > Addons / Materials", "breadcrumbs": "three.js docs > Addons / Materials > Addons / Materials"}, {"id": "3c969213b11add8d", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Math", "content": "Page: three.js docs\nSection: Addons / Math\n\nCapsule, ColorConverter, ConvexHull, ImprovedNoise, Lut, MeshSurfaceSampler, OBB, Octree, SimplexNoise, ColorSpaces", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Math > Addons / Math", "breadcrumbs": "three.js docs > Addons / Math > Addons / Math"}, {"id": "12361ee2d7589eec", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Misc", "content": "Page: three.js docs\nSection: Addons / Misc\n\nConvexObjectBreaker, GPUComputationRenderer, Gyroscope, MD2Character, MD2CharacterComplex, MorphAnimMesh, MorphBlendMesh, ProgressiveLightMap, RollerCoasterGeometry, RollerCoasterLiftersGeometry, RollerCoasterShadowGeometry, SkyGeometry, TileCreasedNormalsPlugin, TreesGeometry, TubePainter, Volume, VolumeSlice", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Misc > Addons / Misc", "breadcrumbs": "three.js docs > Addons / Misc > Addons / Misc"}, {"id": "ce09195c8f7924e3", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Modifiers", "content": "Page: three.js docs\nSection: Addons / Modifiers\n\nEdgeSplitModifier, Flow, InstancedFlow, SimplifyModifier, TessellateModifier", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Modifiers > Addons / Modifiers", "breadcrumbs": "three.js docs > Addons / Modifiers > Addons / Modifiers"}, {"id": "f8202403d6851b16", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Objects", "content": "Page: three.js docs\nSection: Addons / Objects\n\nGroundedSkybox, Lensflare, LensflareElement, LensflareMesh, MarchingCubes, Reflector, ReflectorForSSRPass, Refractor, ShadowMesh, Sky, SkyMesh, Water, WaterMesh", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Objects > Addons / Objects", "breadcrumbs": "three.js docs > Addons / Objects > Addons / Objects"}, {"id": "0e47a3884280aa5e", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Physics", "content": "Page: three.js docs\nSection: Addons / Physics\n\nAmmoPhysics, JoltPhysics, RapierPhysics", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Physics > Addons / Physics", "breadcrumbs": "three.js docs > Addons / Physics > Addons / Physics"}, {"id": "db046c05e8a11eb1", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Postprocessing", "content": "Page: three.js docs\nSection: Addons / Postprocessing\n\nAfterimagePass, BloomPass, BokehPass, ClearMaskPass, ClearPass, CubeTexturePass, DotScreenPass, EffectComposer, FXAAPass, FilmPass, FullScreenQuad, GTAOPass, GlitchPass, HalftonePass, LUTPass, MaskPass, OutlinePass, OutputPass, Pass, RenderPass, RenderPixelatedPass, RenderTransitionPass, SAOPass, SMAAPass, SSAARenderPass, SSAOPass, SSRPass, SavePass, ShaderPass, TAARenderPass, TexturePass, UnrealBloomPass", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Postprocessing > Addons / Postprocessing", "breadcrumbs": "three.js docs > Addons / Postprocessing > Addons / Postprocessing"}, {"id": "0d954482dce7f586", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Renderers", "content": "Page: three.js docs\nSection: Addons / Renderers\n\nCSS2DObject, CSS2DRenderer, CSS3DObject, CSS3DRenderer, CSS3DSprite, Projector, SVGObject, SVGRenderer", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Renderers > Addons / Renderers", "breadcrumbs": "three.js docs > Addons / Renderers > Addons / Renderers"}, {"id": "30cf59c1744abec0", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Shaders", "content": "Page: three.js docs\nSection: Addons / Shaders\n\nACESFilmicToneMappingShader, AfterimageShader, BasicShader, BleachBypassShader, BlendShader, BokehShader, BokehShader2, BrightnessContrastShader, ColorCorrectionShader, ColorifyShader, ConvolutionShader, CopyShader, DOFMipMapShader, DepthLimitedBlurShader, DigitalGlitch, DotScreenShader, ExposureShader, FXAAShader, FilmShader, FocusShader, FreiChenShader, GTAOShader, GammaCorrectionShader, HalftoneShader, HorizontalBlurShader, HorizontalTiltShiftShader, HueSaturationShader, KaleidoShader, LuminosityHighPassShader, LuminosityShader, MirrorShader, NormalMapShader, OutputShader, PoissonDenoiseShader, RGBShiftShader, SAOShader, SMAAShader, SSAOShader, SSRShader, SepiaShader, SobelOperatorShader, SubsurfaceScatteringShader, TriangleBlurShader, UnpackDepthRGBAShader, VelocityShader, VerticalBlurShader, VerticalTiltShiftShader, VignetteShader, VolumeShader, WaterRefractionShader", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Shaders > Addons / Shaders", "breadcrumbs": "three.js docs > Addons / Shaders > Addons / Shaders"}, {"id": "9d268e781d414591", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / TSL", "content": "Page: three.js docs\nSection: Addons / TSL\n\nAfterImageNode, AmbientLightDataNode, AnaglyphPassNode, BilateralBlurNode, BloomNode, ChromaticAberrationNode, ClusteredLightsNode, DenoiseNode, DepthOfFieldNode, DirectionalLightDataNode, DotScreenNode, DynamicLightsNode, EnvMapCDFGenerator, FSR1Node, FXAANode, FilmNode, GTAONode, GaussianBlurNode, GodraysNode, HemisphereLightDataNode, ImportanceSampledEnvironment, LensflareNode, Lut3DNode, OutlineNode, ParallaxBarrierPassNode, PixelationNode, PixelationPassNode, PointLightDataNode, RGBShiftNode, RecurrentDenoiseNode, RetroPassNode, SMAANode, SSAAPassNode, SSGINode, SSRNode, SSSNode, SharpenNode, SobelOperatorNode, SpotLightDataNode, StereoCompositePassNode, StereoPassNode, TAAUNode, TRAANode, TemporalReprojectNode, TileShadowNode, TileShadowNodeHelper, TransitionNode, WebGLNodesHandler, Bayer, GroundedSkybox, Raymarching", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / TSL > Addons / TSL", "breadcrumbs": "three.js docs > Addons / TSL > Addons / TSL"}, {"id": "401456782dc1592f", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Textures", "content": "Page: three.js docs\nSection: Addons / Textures\n\nFlakesTexture", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Textures > Addons / Textures", "breadcrumbs": "three.js docs > Addons / Textures > Addons / Textures"}, {"id": "7e768704716a2b37", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Transpiler", "content": "Page: three.js docs\nSection: Addons / Transpiler\n\nTranspiler", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Transpiler > Addons / Transpiler", "breadcrumbs": "three.js docs > Addons / Transpiler > Addons / Transpiler"}, {"id": "dda07573a12f2d0f", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Utils", "content": "Page: three.js docs\nSection: Addons / Utils\n\nLDrawUtils, SceneOptimizer, ShadowMapViewer, WorkerPool, BufferGeometryUtils, CameraUtils, ColorUtils, GeometryCompressionUtils, GeometryUtils, SceneUtils, SkeletonUtils, SortUtils, UVsDebug, WebGLTextureUtils, WebGPUTextureUtils", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Utils > Addons / Utils", "breadcrumbs": "three.js docs > Addons / Utils > Addons / Utils"}, {"id": "9bb5ccb003d2e361", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "Addons / Webxr", "content": "Page: three.js docs\nSection: Addons / Webxr\n\nARButton, OculusHandModel, OculusHandPointerModel, VRButton, XRButton, XRControllerModel, XRControllerModelFactory, XREstimatedLight, XRHandMeshModel, XRHandModel, XRHandModelFactory, XRHandPrimitiveModel, XRPlanes, Text2D", "code_blocks": [], "chunk_position": 1, "heading_path": "Addons / Webxr > Addons / Webxr", "breadcrumbs": "three.js docs > Addons / Webxr > Addons / Webxr"}, {"id": "2c759cc89a988dca", "url": "https://threejs.org/docs", "page_title": "three.js docs", "page_type": "overview", "page_summary": "The main documentation index for three.js, a JavaScript 3D library. This page provides a categorized listing of all classes, modules, and functions available in the Core library, Addons, and the Three Shading Language (TSL).", "heading": "TSL", "content": "Page: three.js docs\nSection: TSL\n\nThe Three Shading Language (TSL) is a JavaScript-based shading language for three.js. It provides functions for building shader graphs and manipulating nodes in a programmatic way. TSL entries include control flow functions, math operations, lighting models, texture sampling, geometry access, and screen-space effects. Key entries include: Break, Const, Continue, Discard, EPSILON, HALF_PI, INFINITY, If, Loop, PI, PI2, Return, Switch, TBNViewMatrix, TWO_PI, Var, VarIntent, abs, acesFilmicToneMapping, acos, acosh, add, afterImage, agxToneMapping, all, alphaLine, alphaT, ambientOcclusion, anaglyphPass, and, anisotropy, anisotropyB, anisotropyT, any, ao, append, applyVarianceClipping, array, asin, asinh, assign, atan, atanh, atomicAdd, atomicAnd, atomicFunc, atomicLoad, atomicMax, atomicMin, atomicNode, atomicOr, atomicStore, atomicSub, atomicXor, attenuationColor, attenuationDistance, attribute, attributeArray, backgroundBlurriness, backgroundIntensity, backgroundRotation, barrelMask, barrelUV, barrier, batch, beautyTexelFromScreen, bentNormalView, bilateralBlur, billboarding, bitAnd, bitNot, bitOr, bitXor, bitangentGeometry, bitangentLocal, bitangentView, bitangentViewFrame, bitangentWorld, bitcast, bleach, blendBurn, blendColor, blendDodge, blendOverlay, blendScreen, bloom, boxBlur, buffer, bufferAttribute, builtin, builtinAOContext, builtinShadowContext, bumpMap, bypass, cache, cameraFar, cameraIndex, cameraNear, cameraNormalMatrix, cameraPosition, cameraProjectionMatrix, cameraProjectionMatrixInverse, cameraViewMatrix, cameraViewport, cameraWorldMatrix, cbrt, cdl, ceil, checker, chromaticAberration, cineonToneMapping, circle, clamp, clearcoat, clearcoatNormalView, clearcoatRoughness, clipSpace, clipToAABB, clipping, clippingAlpha, clusteredLights, code, collectNeighborhood, colorBleeding, colorSpaceToWorking, colorToDirection, compute, computeBuiltin, computeFrustumSize, computeHitDistFactor, computeKernel, computeSkinning, context, convertColorSpace, convertToTexture, cos, cosh, countLeadingZeros, countOneBits, countTrailingZeros, createVar, cross, cubeMapNode, cubeTexture, cubeTextureBase, curlNoise, dFdx, dFdy, dashSize, debug, decrement, decrementBefore, degrees, deltaTime, denoise, densityFogFactor, depth, depthBase, depthPass, determinant, difference, diffuseColor, diffuseColorDistance, diffuseContribution, directionToColor, directionToFaceDirection, dispersion, distance, div, dof, dot, dotScreen, drawIndex, dynamicBufferAttribute, dynamicLights, emissive, equal, equirectDirection, equirectUV, exp, exp2, exponentialHeightFogFactor, expression, faceDirection, faceForward, film, floatBitsToInt, floatBitsToUint, floor, fog, fract, frameGroup, frameId, frontFacing, fsr1, fwidth, fxaa, gain, gapSize, gaussianBlur, getNormalFromDepth, getParallaxCorrectNormal, getScreenPosition, getShadowMaterial, getShadowRenderObjectFunction, getSpecularDominantDirection, getTemporalVarianceFactor, getViewPosition, globalId, glsl, godrays, grayscale, greaterThan, greaterThanEqual, hardwareClipping, hash, hashBlur, highpModelNormalViewMatrix, highpModelViewMatrix, hue, increment, incrementBefore, inspector, instance, instanceIndex, instancedArray, instancedBufferAttribute, instancedDynamicBufferAttribute, instancedMesh, intBitsToFloat, interleavedGradientNoise, inverse, inverseSqrt, invocationLocalIndex, invocationSubgroupIndex, ior, iridescence, iridescenceIOR, iridescenceThickness, isolate, js, karisTemporalBlend, label, length, lengthSq, lensflare, lessThan, lessThanEqual, lightPosition, lightProjectionUV, lightShadowMatrix, lightTargetDirection, lightTargetPosition, lightViewPosition, lights, linearDepth, linearToneMapping, lobeNormalFalloff, lobeNormalWeight", "code_blocks": [], "chunk_position": 1, "heading_path": "TSL > TSL", "breadcrumbs": "three.js docs > TSL > TSL"}, {"id": "7e5191d5dacbc1db", "url": "https://threejs.org/manual/en/installation.html", "page_title": "Installation", "page_type": "guide", "page_summary": "This page covers how to set up a three.js project, including the basic project structure and two installation methods: installing via NPM with a build tool, or importing from a CDN.", "heading": "Project structure", "content": "Page: Installation\nSection: Project structure\n\nEvery three.js project needs at least one HTML file to define the webpage, and a JavaScript file to run your three.js code. The structure and naming choices below aren't required, but will be used throughout this guide for consistency.\n\n- *index.html*\n\n- *main.js*\n\n- *public/*\n\nThe *public/* folder is sometimes also called a \"static\" folder, because the files it contains are pushed to the website unchanged. Usually textures, audio, and 3D models will go here.\n\nNow that we've set up the basic project structure, we need a way to run the project locally and access it through a web browser. Installation and local development can be accomplished with npm and a build tool, or by importing three.js from a CDN. Both options are explained in the sections below.", "code_blocks": [{"language": "html", "code": "\n\n \n \n My first three.js app\n \n \n \n \n \n", "filename": "index.html"}, {"language": "javascript", "code": "import * as THREE from 'three';\n\n...", "filename": "main.js"}], "chunk_position": 2, "heading_path": "Project structure > Project structure", "breadcrumbs": "Installation > Project structure > Project structure"}, {"id": "5b4861718b9c27d8", "url": "https://threejs.org/manual/en/installation.html", "page_title": "Installation", "page_type": "guide", "page_summary": "This page covers how to set up a three.js project, including the basic project structure and two installation methods: installing via NPM with a build tool, or importing from a CDN.", "heading": "Option 1: Install with NPM and a build tool", "content": "Page: Installation\nSection: Option 1: Install with NPM and a build tool\n\nInstalling from the npm package registry and using a build tool is the recommended approach for most users — the more dependencies your project needs, the more likely you are to run into problems that the static hosting cannot easily resolve. With a build tool, importing local JavaScript files and npm packages should work out of the box, without import maps.\n\nSteps:\n- Install Node.js. We'll need it to manage dependencies and to run our build tool.\n- Install three.js and a build tool, Vite, using a terminal in your project folder. Vite will be used during development, but it isn't part of the final webpage. If you prefer to use another build tool, that's fine — we support modern build tools that can import ES Modules.\n\nInstallation added *node_modules/* and *package.json* to my project. What are they?\n\nnpm uses *package.json* to describe which versions of each dependency you've installed. If you have other people working on the project with you, they can install the original versions of each dependency simply by running *npm install*. If you're using version history, commit *package.json*.\n\nnpm installs the code for each dependency in a new *node_modules/* folder. When Vite builds your application, it sees imports for 'three' and pulls three.js files automatically from this folder. The *node_modules/* folder is used only during development, and shouldn't be uploaded to your web hosting provider or committed to version history.\n\nUsing three.js with TypeScript: Community-maintained TypeScript type definitions for three.js are available at three-types/three-ts-types.\n\nFrom your terminal, run:\n\nWhat is *npx*? npx is installed with Node.js, and runs command line programs like Vite so that you don't have to search for the right file in *node_modules/* yourself. If you prefer, you can put Vite's common commands into the package.json:scripts list, and use *npm run dev* instead.\n\nIf everything went well, you'll see a URL like *http://localhost:5173* appear in your terminal, and can open that URL to see your web application.\n\nThe page will be blank — you're ready to create a scene.\n\nIf you want to learn more about these tools before you continue, see:\n- three.js journey: Local Server\n- Vite: Command Line Interface\n- MDN: Package management basics\n\nLater, when you're ready to deploy your web application, you'll just need to tell Vite to run a production build — *npx vite build*. Everything used by the application will be compiled, optimized, and copied into the *dist/* folder. The contents of that folder are ready to be hosted on your website.", "code_blocks": [{"language": "shell", "code": "# three.js\nnpm install --save three\n\n# vite\nnpm install --save-dev vite", "filename": ""}, {"language": "shell", "code": "npx vite", "filename": ""}, {"language": "shell", "code": "npx vite build", "filename": ""}], "chunk_position": 2, "heading_path": "Option 1: Install with NPM and a build tool > Option 1: Install with NPM and a build tool", "breadcrumbs": "Installation > Option 1: Install with NPM and a build tool > Option 1: Install with NPM and a build tool"}, {"id": "38809905abef7dbc", "url": "https://threejs.org/manual/en/installation.html", "page_title": "Installation", "page_type": "guide", "page_summary": "This page covers how to set up a three.js project, including the basic project structure and two installation methods: installing via NPM with a build tool, or importing from a CDN.", "heading": "Option 2: Import from a CDN", "content": "Page: Installation\nSection: Option 2: Import from a CDN\n\nInstalling without build tools will require some changes to the project structure given above.\n\nWe imported code from 'three' (an npm package) in *main.js*, and web browsers don't know what that means. In *index.html* we'll need to add an import map defining where to get the package. Put the code below inside the tag, after the styles.\n\nDon't forget to replace ** with an actual version of three.js, like *\"v0.149.0\"*. The most recent version can be found on the npm version list.\n\nWe'll also need to run a *local server* to host these files at URL where the web browser can access them. While it's technically possible to double-click an HTML file and open it in your browser, important features that we'll later implement, do not work when the page is opened this way, for security reasons.\n\nInstall Node.js, then run serve to start a local server in the project's directory:\n\nIf everything went well, you'll see a URL like http://localhost:3000 appear in your terminal, and can open that URL to see your web application.\n\nThe page will be blank — you're ready to create a scene.\n\nMany other local static servers are available — some use different languages instead of Node.js, and others are desktop applications. They all work basically the same way, and we've provided a few alternatives below.\n\nMore local servers:\n\nCommand Line: Command line local servers run from a terminal window. The associated programming language may need to be installed first.\n- *npx http-server* (Node.js)\n- *npx five-server* (Node.js)\n- *python -m SimpleHTTPServer* (Python 2.x)\n- *python -m http.server* (Python 3.x)\n- *php -S localhost:8000* (PHP 5.4+)\n\nGUI: GUI local servers run as an application window on your computer, and may have a user interface.\n- Servez\n\nCode Editor Plugins: Some code editors have plugins that spawn a simple server on demand.\n- Five Server for Visual Studio Code\n- Live Server for Visual Studio Code\n- Live Server for Atom\n\nWhen you're ready to deploy your web application, push the source files to your web hosting provider — no need to build or compile anything. The downside of that tradeoff is that you'll need to be careful to keep the import map updated with any dependencies (and dependencies of dependencies!) that your application requires. If the CDN hosting your dependencies goes down temporarily, your website will stop working too.\n\n**IMPORTANT:** Import all dependencies from the same version of three.js, and from the same CDN. Mixing files from different sources may cause duplicate code to be included, or even break the application in unexpected ways.", "code_blocks": [{"language": "html", "code": "", "filename": "index.html"}, {"language": "shell", "code": "npx serve .", "filename": ""}], "chunk_position": 2, "heading_path": "Option 2: Import from a CDN > Option 2: Import from a CDN", "breadcrumbs": "Installation > Option 2: Import from a CDN > Option 2: Import from a CDN"}, {"id": "d1f50856e46cc1a0", "url": "https://threejs.org/manual/en/installation.html", "page_title": "Installation", "page_type": "guide", "page_summary": "This page covers how to set up a three.js project, including the basic project structure and two installation methods: installing via NPM with a build tool, or importing from a CDN.", "heading": "Addons", "content": "Page: Installation\nSection: Addons\n\nOut of the box, three.js includes the fundamentals of a 3D engine. Other three.js components — such as controls, loaders, and post-processing effects — are part of the addons/ directory. Addons do not need to be *installed* separately, but do need to be *imported* separately.\n\nThe example below shows how to import three.js with the `OrbitControls` and `GLTFLoader` addons. Where necessary, this will also be mentioned in each addon's documentation or examples.\n\nSome excellent third-party projects are available for three.js, too. These need to be installed separately — see Libraries and Plugins.", "code_blocks": [{"language": "javascript", "code": "import * as THREE from 'three';\nimport { OrbitControls } from 'three/addons/controls/OrbitControls.js';\nimport { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';\n\nconst controls = new OrbitControls( camera, renderer.domElement );\nconst loader = new GLTFLoader();", "filename": "main.js"}], "chunk_position": 2, "heading_path": "Addons > Addons", "breadcrumbs": "Installation > Addons > Addons"}, {"id": "ba6dc006d37cd7fa", "url": "https://threejs.org/manual/en/installation.html", "page_title": "Installation", "page_type": "guide", "page_summary": "This page covers how to set up a three.js project, including the basic project structure and two installation methods: installing via NPM with a build tool, or importing from a CDN.", "heading": "Next Steps", "content": "Page: Installation\nSection: Next Steps\n\nYou're now ready to create a scene.", "code_blocks": [], "chunk_position": 2, "heading_path": "Next Steps > Next Steps", "breadcrumbs": "Installation > Next Steps > Next Steps"}, {"id": "cae6b68bc5f21c6f", "url": "https://threejs.org/manual/en/creating-a-scene.html", "page_title": "Creating a scene", "page_type": "guide", "page_summary": "A brief introduction to three.js that walks through setting up a scene with a spinning cube, covering scene/camera/renderer setup, geometry, materials, meshes, and animation loops.", "heading": "Before we start", "content": "Page: Creating a scene\nSection: Before we start\n\nThe goal of this section is to give a brief introduction to three.js. We will start by setting up a scene, with a spinning cube. A working example is provided at the bottom of the page in case you get stuck and need help.\n\nIf you haven't yet, go through the `Installation` guide. We'll assume you've already set up the same project structure (including *index.html* and *main.js* ), have installed three.js, and are either running a build tool, or using a local server with a CDN and import maps.", "code_blocks": [], "chunk_position": 3, "heading_path": "Before we start > Before we start", "breadcrumbs": "Creating a scene > Before we start > Before we start"}, {"id": "f3afafa232a9b71f", "url": "https://threejs.org/manual/en/creating-a-scene.html", "page_title": "Creating a scene", "page_type": "guide", "page_summary": "A brief introduction to three.js that walks through setting up a scene with a spinning cube, covering scene/camera/renderer setup, geometry, materials, meshes, and animation loops.", "heading": "Creating the scene", "content": "Page: Creating a scene\nSection: Creating the scene\n\nTo actually be able to display anything with three.js, we need three things: scene, camera and renderer, so that we can render the scene with camera.\n\nLet's take a moment to explain what's going on here. We have now set up the scene, our camera and the renderer.\n\nThere are a few different cameras in three.js. For now, let's use a `PerspectiveCamera`.\n\nThe first attribute is the `field of view`. FOV is the extent of the scene that is seen on the display at any given moment. The value is in degrees.\n\nThe second one is the `aspect ratio`. You almost always want to use the width of the element divided by the height, or you'll get the same result as when you play old movies on a widescreen TV - the image looks squished.\n\nThe next two attributes are the `near` and `far` clipping plane. What that means, is that objects further away from the camera than the value of `far` or closer than `near` won't be rendered. You don't have to worry about this now, but you may want to use other values in your apps to get better performance.\n\nNext up is the renderer. In addition to creating the renderer instance, we also need to set the size at which we want it to render our app. It's a good idea to use the width and height of the area we want to fill with our app - in this case, the width and height of the browser window. For performance intensive apps, you can also give `setSize` smaller values, like `window.innerWidth/2` and `window.innerHeight/2`, which will make the app render at quarter size.\n\nIf you wish to keep the size of your app but render it at a lower resolution, you can do so by calling `setSize` with false as `updateStyle` (the third argument). For example, `setSize(window.innerWidth/2, window.innerHeight/2, false)` will render your app at half resolution, given that your