You are reading Tres v1 docs. Head over tresjs.org for V2 docs.
Skip to content
On this page

Cientos v1.8.0

Cientos banner

Cientos (Spanish word for "hundreds", pronounced /θjentos/ ) is is a collection of useful ready-to-go helpers and components that are not part of the core package. The name uses the word uses in spanish to multiply by 100, to refer to the potential reach of the package to hold a amazing abstractions.

The cientos package uses three-stdlib module under the hood instead of the three/examples/jsm module. This means that you don't need to extend the catalogue of components using the extend method of the useCatalogue composable, cientos does it for you.

It just works. 💯

INFO

This package is not required to use the core library, but they can make your DX way better, specially for complex scenes.

Installation

bash
npm install @tresjs/cientos -D

Basic Usage

ts
import { OrbitControls } from '@tresjs/cientos'

Now you can use the OrbitControls component in your scene.

html
<template>
  <TresCanvas shadows alpha>
    <OrbitControls />
    <TresScene> ... </TresScene>
  </TresCanvas>
</template>

WARNING

Notice that you don't need to write the prefix Tres such as <TresOrbitControl /> to use the component