Skip to content

Troika 3D - Overview

The troika-3d package provides the ability to create interactive 3D scenes with Troika's declarative framework. It uses Three.js as its underlying WebGL renderer, giving you access to Three's full set of tools and its excellent community.

It does very little to abstract away from Three's API, and you will need to know the Three.js object model well to use it. But through its primary facade class, Object3DFacade, it gives you a straightforward way to:

  • componentize your 3D objects
  • manage them all together declaratively
  • apply automatic transitions and animations
  • make them interactive with pointer events
  • optimize for the best frame rate

3D Bar Chart Example Layered Timeline GPU Instancing Layered Timeline


npm install troika-3d

You will also need to install a compatible version of Three.js. See the Setup page for details about Three.js versions.

npm install three

Next Steps

If you haven't already, you should familiarize yourself with the Troika framework's Core Concepts. Troika 3D builds on those.

Then, move on to Creating a 3D Scene and Adding 3D Objects to it.

Last update: 2022-03-06