# Mantis Fusion: a learning environment that also works in VR

> A 3D learning environment with custom shaders for Mantis, converted to WebXR so it can be explored in virtual reality for school experiences.

Canonical page: https://andersonmancini.dev/blog/mantis-fusion-webxr-learning

Published: 2026-08-11 · 1 min read · Tags: three.js, webxr, shaders, education, launch

Education is a place where 3D can be more than decoration. Mantis Fusion is a 3D **learning environment** built for Mantis, with custom shaders, and it was converted to **WebXR**, so the same scene also works in virtual reality.

![The Mantis Fusion environment](https://andersonmancini.dev/images/thumbs/mantis_fusion.webp)

## What it combines

- **custom shaders** that give the environment its look,
- a **3D learning environment** that is explored in the browser,
- a **WebXR** version for VR headsets.

It is ideal for demonstrating PDS capabilities in school learning experiences, combining immersive visuals with educational interaction.

## Try it

The environment is live at [mantis-fusion.vercel.app](https://mantis-fusion.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/mantis-fusion.md).

## Related projects

- [Mantis Fusion](https://andersonmancini.dev/projects/mantis-fusion.md) — WebXR learning environment for Mantis