Introduction

angular-three-soba/abstractions provides abstract components and patterns for building reusable and composable 3D elements.

Peer Dependencies

Package	Required By
troika-three-text	NgtsText
three-mesh-bvh	Shader utilities

npm install troika-three-text three-mesh-bvh
# yarn add troika-three-text three-mesh-bvh
# pnpm add troika-three-text three-mesh-bvh

Shapes & Geometry

• NgtsBillboard - Rotate contents to always face the camera
• NgtsRoundedBox - Box with rounded edges
• NgtsPrismGeometry - Prism geometry using ExtrudeGeometry

Grid

• NgtsGrid - Y-up oriented shader-based grid

Text

• NgtsText - High-quality text rendering with SDF and antialiasing
• NgtsText3D - 3D text using TextGeometry

Lines

• NgtsLine - Render THREE.Line2 or THREE.LineSegments2
• NgtsQuadraticBezierLine - Line using quadratic bezier curve interpolation
• NgtsCubicBezierLine - Line using cubic bezier curve interpolation
• NgtsCatmullRomLine - Line using Catmull-Rom curve interpolation
• NgtsEdges - Abstraction around THREE.EdgesGeometry

Textures

• NgtsGradientTexture - Declarative gradient texture

Helpers

• helper - Function to add helpers to scene nodes
• NgtsHelper - Declarative helper directive