hologramEffect

Holographic projection effect with animated scanlines and flicker, fully written in TSL.

Usage

import { createHologramMaterial } from '@threeuse/effects'
import { BoxGeometry, Mesh } from 'three'

const material = createHologramMaterial({
  color: [0, 1, 0.8],
  scanlineSpeed: 2,
  flickerSpeed: 5,
})

const mesh = new Mesh(new BoxGeometry(), material)
app.scene.add(mesh)

Parameters

Param	Type	Default	Description
color	[r,g,b]	[0,1,0.8]	Hologram color
scanlineSpeed	number	2	Scanline scroll speed
flickerSpeed	number	5	Flicker frequency

Demo