Tresjs/docs/blog/announcing-cientos-3-4-0.md

---

sidebar: false

Announcing cientos v3.4.0 🎉

Cientos is here again with a new and exiting release 🎉.

• Cientos v3.4.0

via GIPHY

LensFlare

A new and completely original abstraction has arrived to Cientos ✨ Behold His Majesty <LensFlare />.

It's a wrapper of the Three.js LensFlare addon.

While it could look intimidating at first, this component has a lot of flexibility, so check out all the different options here

We're going to say thanks to andretchen0 for this incredible contribution.

Sky

The Sky component allows you to create realistic outdoor scenes with the use of sky, which as the name implies creates sky gradients and more with just a few lines of code.

This is fancy wrapper of the addon Sky.

<script setup lang="ts">
import { Sky } from '@tresjs/cientos'
</script>

<template>
  <TresCanvas>
    <TresPerspectiveCamera :position="[0, 100, 2000]" />
    <Sky />
  </TresCanvas>
</template>

Could it be simpler?

You can find the official docs here

Another one of andretchen0 amazing contributions!

SVG

A classical one, the svg loader component has arrived in cientos this release, to bring the versatility of svg into a wrapper of the original loader with basically one line of code (well two if you count the import 😅).

<template>
  <TresCanvas>
    <Suspense>
      <SVG src="/favicon.svg" /> // you can pass a path or a inline svg
    </Suspense>
  </TresCanvas>
</template>

You can find the official docs here.

And yes, again big thanks to andretchen0 3 in a row!

Stats-gl

Another exciting one is the addition of Stats-gl which is like statsjs but with superpowers, originally developed by RenaudRohlinger is a powerful performance monitoring tool.

<script setup lang="ts">
import { TresCanvas } from '@tresjs/core'
import { StatsGl } from '@tresjs/cientos'
</script>

<template>
  <TresCanvas>
    <StatsGl /> // as simple as this
  </TresCanvas>
</template>

Big thanks to notarun for this contribution.

Official docs here.

Fix camera as a param problem in controls

damiankoper discovered a bug when you tried to use the camera as a parameter.

Thanks to damiankoper for this useful contribution.

New documentation full of examples

In addition to all these amazing new features, we have been working internally to improve the UX, and now you can visit the cientos page and navigate through the components and see the inline examples right away.

Internal organization of code (will be easier to contribute)

Also, we're constantly working on the DX: refactors, cleaning, and internal improvement. So now we have a clear structure, now it is easier than ever to contribute to the cientos package 😁.

Thanks for reading and happy 3D coding 😊.