🎚️ Volume Controller From Hell 😈

Made by Aman

---

🧠 About the Project

Welcome to Can You Make It Worse?, where bad design is the new good design.

This project takes the simplest UI element — a volume controller — and turns it into a chaotic nightmare of confusing, illogical, and yet technically functional interactions.
It is an intentionally frustrating experience designed to demonstrate what happens when every good UX principle is broken… beautifully.

---

💀 Core Idea

The idea behind Volume Controller From Hell is to invert user expectations.

Every normal behavior a user expects from a volume slider or mute button is deliberately violated:

• Moving the slider backward increases the volume.
• Volume randomly snaps to 0%, 25%, 50%, 75%, or 100%.
• The background flashes violently.
• The mute button teleports away constantly.
• Clicking mute sometimes plays extra sounds instead of muting.
• The interface wobbles and screams color every 100ms.
• The “Info” button is the only thing that behaves normally — the lone survivor of reason.

Despite all this chaos, the interface is still technically functional:
it can adjust the volume, mute/unmute the sound, and display information.

---

🧩 Technical Highlights

• HTML/CSS/JS only (no frameworks)
• Uses the Web Audio API through simple <audio> tags
• Randomized UI motion and colors with setInterval
• Reverse input mapping for maximum confusion
• Dynamic sound feedback (beep and jingle on events)
• Accessible chaos: one working info popup to explain the mess

---

🤡 What Makes It “Worse”

1. Slider works backwards
2. Mute button runs away when clicked
3. Random volume spikes
4. Visual overload — flashing colors, shaking elements
5. Misleading feedback — sounds play even when you fail
6. Background and controls never stop moving
7. The only safe element (Info button) mocks you with the truth

---

🏁 Outcome

A fully functional but utterly unbearable volume controller.

This project isn’t about how to design a good UI — it’s about understanding why good design conventions exist, and what happens when you deliberately break every one of them.

---

💬 Author

Aman
IIT Delhi | Mechanical Engineering

“If it works and still drives you insane — mission accomplished.” 😈

---

🌐 Live Demo

👉 https://amanbalara.github.io/Volume-Controller-From-Hell

---

📁 Files

• d.html → main project file
• README.md → this file

---

⚙️ How to Run

1. Open d.html in any browser
2. Click ENTER 😈 on the popup
3. Enjoy (or suffer through) the experience
4. Click “Info / Description” to see credits and logic

---

Made with chaos, for DevClub IIT Delhi.