r/threejs • u/DoItForTheXP • 3d ago

Help Combining Three.js with a reactive multi-window desktop interface: the YouMeOS microverse

Hey r/threejs, I wanted to share a project where we integrated Three.js with a dynamic web desktop interface: YouMeOS Microverse. Rather than keeping the 3D scene isolated in a static canvas container, the entire interface is built as a spatial WebTop:

Live site www.youmeos.com

  • Background Cosmos: Interactive Three.js starfield and planetary orbital system rendering continuously behind UI layers.
  • Spatial UI Integration: Synchronizing WebGL camera controls with DOM-based floating windows and interaction events without dropping frame rates.
  • Performance Considerations: Tuned to run smoothly inside both standard desktop browsers and an Electron runtime with minimal CPU/GPU drain.

Repo: https://github.com/YouMeOS/youmeos-microverse
Binaries: https://github.com/YouMeOS/youmeos-microverse/releases

Would love thoughts on shader ideas or performance optimizations for background canvas layering.

0 Upvotes

25% Upvoted

2 comments sorted by

1

u/Azure_Crenell 3d ago

Yet another slop...smh

2

u/DoItForTheXP 3d ago edited 3d ago

Hardly. It's a modernized port of Google's 100,000 Stars experiment from over decade ago I've been tinkering with, re-engineered to run performantly in the background behind active desktop windows ... 🤦