TroisJS

Components

Extra components that require manual imports, like ThreeJS's Examples directory (see "Examples" section here).

GLTFViewer

See GLTFViewer.vue.

NoisyImage

See NoisyImage.js.

NoisyPlane

See NoisyPlane.js.

NoisySphere

See NoisySphere.js.

NoisyText

See NoisyText.js.

Slider1

See Slider1.vue.

Stats

Measure a renderer's stats using stats.js.

<template>
  <!-- ... -->
  <Renderer>
    <!-- default options, no more setup needed -->
    <!-- must be child of a Renderer -->
    <Stats/>

    <!-- prevent default setup and handle manually -->
    <Stats no-setup @created="doSomething"/>
  </Render>
  <!-- ... -->
</template>

<script>
import Stats from 'troisjs/src/components/misc/Stats'

export default {
  components: { Stats },
  methods: {
    doSomething(stats){
      // do something with `stats` (optional)
    }
  }
}
</script>