# Octahedral Impostors

> WebGPU direction-atlas impostors for cheap distant meshes · 2026 · Components, WebGPU, Experiments

Canonical page: https://andersonmancini.dev/projects/octahedral-impostors

A visual **WebGPU** demo of **octahedral impostors** — bake a mesh into a direction atlas, then draw cheap billboard cards that pick and blend the right atlas cells as the camera moves.

Built with **React Three Fiber**, Three.js WebGPU and **TSL**: hemisphere grids, live atlas sampling, barycentric blends and a field of impostors you can scale from a handful to hundreds — inspired by the Shaderbits octahedral impostors approach.

The demo, reusable component and source will be **available soon**, after the **Three.js Conference Paris**.

## Technical details

- WebGPU
- TSL
- React Three Fiber
- Octahedral Impostors
- Atlas Baking
- Billboard LOD
- MeshBasicNodeMaterial
- Coming After Three.js Conf Paris

## Links

- Live demo coming soon.

## Related articles

- [Octahedral impostors in TSL: 10,957 trees in 3 draw calls](https://andersonmancini.dev/blog/octahedral-impostors.md)
- [Speaking at the first Three.js Conference, in Paris](https://andersonmancini.dev/blog/three-js-conf-paris-2026.md)

## More projects

- Previous in Components: [r3f-webgpu-perf](https://andersonmancini.dev/projects/r3f-webgpu-perf.md)
- Next in Components: [Predator Material](https://andersonmancini.dev/projects/predator-material.md)