/three-mirror

Mirror for Three.js that renders the scene using a mirrored scene (XR compatible)

Primary LanguageJavaScriptMIT LicenseMIT

Three.js Mirror

npm version npm version github twitter mastodon ko-fi

This is a WIP project

This project introduces a Mirror object that you can add to your Three.js scenes. It's based on my A-Frame component and works in the same way: @fern-solutions/aframe-mirror

Usage

See example/index.html for an example of how to use this.

Limitations

  • Mirrors are not rendered recursively, so any mirror seen from another mirror will just render as an opaque plane
  • Avoid mixing transparency with mirrors (e.g. looking at a mirror through transparent objects). Depending on the render-order this either results in the overlap being an opaque mirror or the transparent object not being visible.