This repository contains a beautifully interactive web application that simulates physics-based chimes swinging from traditional roofs across various countries.
This project is a customized fork by arpittak027.
I have made several modern enhancements and structural additions to the original project to elevate the user experience:
- Complete Global Roofs: Generated and integrated custom roof structures for all previously missing countries (such as Turkey, Spain, South Korea, and Australia). Every country now features a visually distinct roof for the chimes to hang from!
- Glassmorphism UI: Completely overhauled the user interface—including the top navigation bar, the settings tweakpane, and custom controls—with a premium, modern glassmorphism aesthetic (frosted glass, translucent backgrounds, and sleek borders).
- Custom Volume Controls: Replaced the default audio slider with a custom, elegantly designed volume indicator featuring explicit "Up" and "Down" controls.
- Layout Optimizations: Refined the positioning of the settings panel and titles to ensure elements do not intersect or overlap, providing a flawless desktop and mobile experience.
- HTML5 / CSS3 (Vanilla, CSS Variables, Flexbox, Glassmorphism)
- Vanilla JavaScript
- Tweakpane (for the physics & settings controls)
- Matter.js (for 2D physics simulation)
Author: arpittak027
Original Project: This is a customized version of the original beautiful simulation by Marina Budarina.
- Original Live Demo: https://marinabudarina.github.io/chimes/#home
Thank you for exploring this digital experience!