Cientos

Cientos (Spanish word for "hundreds", pronounced /θjentos/ ) is a collection of useful ready-to-go helpers and components that are not part of the core package. The name uses the word in Spanish to multiply by 100, to refer to the potential reach of the package to hold 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, cientos does it for you.

It just works. 💯

INFO

This package is not required to use the core library, but it improves DX, especially for complex scenes.

Installation

pnpm

pnpm add @tresjs/cientos

npm

npm install @tresjs/cientos

yarn

yarn add @tresjs/cientos

Basic Usage

import { OrbitControls } from '@tresjs/cientos'

Now you can use the OrbitControls component in your scene.

<template>
  <TresCanvas shadows alpha>
    <TresPerspectiveCamera :args="[45, 1, 0.1, 1000]" />
    <OrbitControls />
  </TresCanvas>
</template>

WARNING

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