# Predator Material

> Free Custom Material for R3F · 2025 · Components, WebGPU, Experiments

Canonical page: https://andersonmancini.dev/projects/predator-material

A technical demo of custom, physically-based glass/transmission materials in **React Three Fiber** — built with **WebGPU** and **TSL** as a fully procedural `MeshPhysicalNodeMaterial`.

On hover, the Predator’s opaque skin morphs in real time into a transmissive cloaked material, spreading from a shader-driven dissolve grid with fresnel rim light, shimmer and animated scan-line rings — all on the GPU via node-based shaders, not string GLSL.

Two material worlds blend per-pixel: textured PBR and dielectric glass, driven by UV-grid or expanding-ring masks. A live parameters panel exposes transmission, IOR, dispersion, iridescence and more. Open source and free to explore.

## Technical details

- WebGPU
- TSL
- React Three Fiber
- MeshPhysicalNodeMaterial
- Glass Transmission
- Shader Dissolve Mask
- Material Morph Transition
- Custom Post Processing

## Links

- [Open the live project](https://predator-material.vercel.app/)
- [Source code on GitHub](https://github.com/ektogamat/predator-material)

## More projects

- Previous in Components: [Octahedral Impostors](https://andersonmancini.dev/projects/octahedral-impostors.md)
- Next in Components: [Transition Material](https://andersonmancini.dev/projects/transition-material.md)