Your Cosmic Focus Companion
Boost your productivity with a stunning 3D galaxy visual + 40Hz Gamma Binaural Beats π§
Welcome to Focus and Concentration: galaxy β a calming, immersive web app designed to sharpen your focus, enhance concentration, and create the perfect digital space for productivity. Whether you're working, studying, meditating, or just need a mental reset, this app is your peaceful galaxy away from distractions.
πͺ Live Demo: focus-and-concentration.vercel.app
π Project Link: GitHub Repository
- Beautiful, ever-moving space scene powered by Three.js
- Mesmerizing but non-distracting visual to help you stay in the zone
Adjust everything about your galaxy in real-time using the lil-gui control panel:
- Stars: Change count and size
- Galaxy Shape: Set radius, branches (spiral arms), and spin
- Randomness: Add natural variation
- Colors: Choose insideColor and outsideColor
- Movement: Control rotationSpeed
Scientifically linked to enhanced cognition and focus, these beats run in the background as you explore your galaxy. Headphones recommended for the best experience.
- Play / Pause music
- Volume slider for ideal background intensity
- Rotate: Click and drag
- Pan: Right-click + drag
- Zoom: Use your scroll wheel
Looks stunning on any screenβmobile, tablet, or desktop.
All you need is a modern browser (Chrome, Firefox, Edge, Safari).
git clone https://github.com/ULTRASIRI/Focus-and-Concentration.git
cd Focus-and-Concentration
π Important: Place your galaxy.mp3 file in the main project directory, next to index.html.Open the index.html file in your browser
Use the GUI panel (top-left) to customize your galaxy
Use audio controls to play/pause background music
Explore using your mouse:
Rotate: Click + drag
Pan: Right-click + drag
Zoom: Scroll wheel
| Technology | Description |
| ----------------------------------------------------------------------------- | ----------------------------------------------- |
| [Three.js](https://threejs.org/) | JavaScript library for rendering 3D graphics |
| [OrbitControls](https://threejs.org/docs/#examples/en/controls/OrbitControls) | 3D camera interaction module |
| [lil-gui](https://lil-gui.georgealways.com/) | Lightweight GUI library for live control panels |
| HTML5, CSS3, JavaScript | Core web technologies |
Create a New Issue Tag it as enhancement or bug
You can also contribute ideas through Discussions or Pull Requests.ggestions & Issues
Created by @ULTRASIRI Feel free to reach out with questions or suggestions.
π« Email : ceo.shriinath@gmail.com π§π»βπ» LinkedIN : www.linkedin.com/in/shrinath-hinge