Introduction

angular-three-soba/misc provides miscellaneous utilities and components for animations, shadows, frame buffer objects (FBOs), HTML overlays, and more.

Animations

• animations - Create animation API for managing THREE.js animation clips

Frame Buffer Objects

• fbo - Create WebGLRenderTarget for off-screen rendering
• NgtsFBO - Structural directive for rendering to FBO via ng-template
• depthBuffer - Create depth buffer texture for effects like soft particles or SSAO

Shadows

• NgtsBakeShadows - Bake shadows for improved performance

Sampling

• NgtsSampler - Distribute instances across a mesh surface
• surfaceSampler - Sample points on a mesh surface

Geometry & Attributes

• NgtsComputedAttribute - Compute and attach attributes to geometry declaratively
• NgtsDecal - Abstraction around THREE.js DecalGeometry

HTML Integration

• NgtsHTML - Render HTML content positioned in 3D space

Visibility & Frustum

• intersect - Track whether an object is within the camera’s view frustum
• NgtsIntersect - Directive for tracking Object3D visibility

Performance

• NgtsPreload - Pre-compile shaders and textures to reduce runtime jank

Utilities

• calculateScaleFactor - Maintain consistent pixel-size at a 3D position
• getVersion - Get the current THREE.js version as a number
• setUpdateRange - Set update range on BufferAttribute for partial GPU uploads