SRI YANTRA BREATHING ANIMATION ============================= OVERVIEW: This project is a meditative web application that animates a Sri Yantra image with a natural breathing rhythm. It is designed to aid in meditation and breathwork by providing visual cues and tracking your progress. FEATURES: 1. Breathing Rhythm: - Synchronized Inhale (4 seconds) and Exhale (4 seconds). - Total cycle time: 8 seconds per full breath. - Smooth zoom effect (scaling) using Sine easing for a natural feel. 2. Organic Skewing (Expansion): - Mimics human lung expansion by subtly skewing the image during the inhale phase. - Automatically falls back to a standard image if your browser does not support WebGL. 3. Rotating Yantra: - The yantra rotates slowly by 90 degrees every 8 full breaths. - Once it completes a 90-degree turn, the rotation pauses for 10 breaths before resuming. 4. Breath Counter: - Tracks your meditation progress up to a target of 108 full breaths. - Increments only at the end of the exhale phase. - Displays "Complete" once the target is reached. 5. Responsive UI: - Full-screen visuals that adapt to any browser window size. - Minimalist interface with instructions and counter in the bottom-right corner. - Static black background for focus. TECHNICAL REQUIREMENTS: - Web Server: Must be run on a web server (like Apache via XAMPP) due to browser security restrictions on loading local images via JavaScript. - Library: Uses Phaser JS (included locally in the /js folder). - Browser: Modern browser with WebGL support enabled for the organic skewing effect. FILE STRUCTURE: - index.php: The main application file containing HTML/CSS/JavaScript. - js/phaser.min.js: The Phaser game engine library. - sriyantra.png: The image file used for the animation. - README.txt: This documentation file. HOW TO RUN: 1. Place the project folder in your server's root directory (e.g., C:\xampp\htdocs\sriyantra). 2. Ensure your XAMPP/Apache server is running. 3. Open your browser and navigate to: http://localhost/sriyantra/index.php Created for meditative focus and breath synchronization.