Skip to content

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

License

Notifications You must be signed in to change notification settings

mrxz/three-mirror

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published