Skip to content

ULTRASIRI/Focus-and-Concentration

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🧠 Focus and Concentration: galaxy 🌌

Galaxy Animation

Your Cosmic Focus Companion
Boost your productivity with a stunning 3D galaxy visual + 40Hz Gamma Binaural Beats 🎧


✨ Overview

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


🎯 Features: Explore and Concentrate

🌌 Dynamic 3D Galaxy

  • Beautiful, ever-moving space scene powered by Three.js
  • Mesmerizing but non-distracting visual to help you stay in the zone

βš™οΈ Customize Your Cosmos

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

🎧 40Hz Gamma Binaural Beats

Scientifically linked to enhanced cognition and focus, these beats run in the background as you explore your galaxy. Headphones recommended for the best experience.

🎚️ Easy Audio Controls

  • Play / Pause music
  • Volume slider for ideal background intensity

πŸ–±οΈ Simple 3D Navigation

  • Rotate: Click and drag
  • Pan: Right-click + drag
  • Zoom: Use your scroll wheel

πŸ“± Fully Responsive Design

Looks stunning on any screenβ€”mobile, tablet, or desktop.


πŸš€ Getting Started

πŸ”§ Prerequisites

All you need is a modern browser (Chrome, Firefox, Edge, Safari).


πŸ“₯ Installation

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.

▢️ Run the App

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

πŸ’» Technologies Used

| 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                           |

πŸ’‘ Suggestions & Issues

Have a cool idea or found a bug? We’d love your input!

Create a New Issue Tag it as enhancement or bug

You can also contribute ideas through Discussions or Pull Requests.ggestions & Issues


πŸ“¬ Contact

Created by @ULTRASIRI Feel free to reach out with questions or suggestions.

πŸ“« Email : ceo.shriinath@gmail.com πŸ§‘πŸ»β€πŸ’» LinkedIN : www.linkedin.com/in/shrinath-hinge