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

zonkypop/three-mirror

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Three.js Mirror

npm version npm version github twitter 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)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 57.2%
  • HTML 42.8%