Mesh Discard Material

Hides the object it's attached to while keeping shadows and children visible.

<MeshDiscardMaterial /> hides the object it's attached to. The object's shadows and children will be rendered.

Usage

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

<template>
  <TresCanvas>
    <TresPerspectiveCamera />
    <TresMesh>
      <TresBoxGeometry />
      <MeshDiscardMaterial />
    </TresMesh>
  </TresCanvas>
</template>

Import MeshDiscardMaterial from @tresjs/cientos/webgpu on a TresCanvas from @tresjs/core/webgpu. That version extends NodeMaterial and works the same way: the object is hidden, and its shadows and children are rendered. See WebGPU.

import { MeshDiscardMaterial } from '@tresjs/cientos/webgpu'

Holographic Material

A simple to use holographic material for TresJS with vibrant colors, dynamic scanlines, and futuristic brilliance.

Mesh Portal Material

Render a separate child scene into a portal surface, perspective-correct and masked by the mesh. Ported from drei.