HAPPY BUTTON – MINI WEB GAME
================================

WHAT THIS IS
------------
This is a tiny browser-based "overstimulation" theme.

You get:
- a soft peach-pink screen,
- a single button that begs to be pressed,
- and a music video (from YouTube) that grows louder and louder as you keep going.

With each press:
- the background shifts from gentle peach-pink toward deep, nearly black,
- the visuals become noisier and more intense,
- the UI shakes and glitches,
- and the music ramps up in volume, pushing you toward sensory overload.

The whole experience is designed to start calm and end in deliberate *too-much-ness*.


THEME – "OVERSTIMULATION"
-------------------------
This project fits the "Overstimulation" hackathon theme in a few specific ways:

1. Gradual escalation instead of instant chaos  
   - The first few clicks feel harmless.  
   - As you continue, the visuals, motion, and sound all converge toward overload.

2. Linked senses: visuals + audio  
   - The darker the background and the harsher the UI, the louder the music becomes.  
   - Overstimulation is represented as a single "intensity" value that drives both sight and sound.

3. Loss of control as a mechanic  
   - At low intensity, everything is soft and readable.  
   - As intensity rises, noise, shaking, and text overlays compete for your attention.  
   - Eventually, the button locks into "TOO MUCH" and you're stuck in the aftermath of your own inputs.


FILES
-----
- hello.html  – The main page (markup, game logic, and audio controller).
- friend.css  – The visual styling for the experience.
- bg.mp3      – The background song used by the game.
- README.txt  – This file.


HOW TO RUN IT
-------------
1. Open `hello.html` in a modern browser (Chrome, Edge, Firefox, or similar).  
   - You can usually just double-click the file.
2. On your first click, the browser will start playing `bg.mp3` (local audio).  
   - If it stays silent, click again; some browsers require a clear user gesture before playing audio.


CONTROLS AND GAMEPLAY
---------------------
- Click "HAPPY !!!" to increase the intensity.
- Watch the:
  - background color shift from light peach-pink to near-black,
  - noise texture ramp up over the screen,
  - text and UI begin to shake and glitch,
  - background song get louder and more overwhelming.
- After enough presses, the button will lock and display "TOO MUCH", representing an overstimulated, maxed-out state.


BACKGROUND AUDIO
----------------
This project uses a local audio file:
- `bg.mp3` (copied from your metal cover: `Young girl A metal cover ft.Kasane Teto.mp3`)

The file is:
- loaded via a hidden `<audio>` element in `hello.html`,
- looped continuously,
- started quietly and then increased in volume as you press the button and raise the "overstimulation" level.


ACCESSIBILITY AND SAFETY NOTES
------------------------------
- This experience intentionally includes:
  - screen shaking,
  - visual noise and mild flicker,
  - rising music volume.
- If you are sensitive to flashing, motion, or loud sound:
  - reduce your system volume before playing,
  - stop playing if you feel discomfort.


MODIFYING THE EXPERIENCE
------------------------
You can tweak the feel of overstimulation by editing `hello.html` and `friend.css`:

- Change how many clicks it takes to reach maximum intensity (in `hello.html`):  
  - Look for `const maxClicks = 100;` in the inline script and adjust the number.

- Adjust how aggressive the shaking or noise is (in `friend.css`):  
  - Edit the `.shake` keyframes or the `.noise` opacity in the stylesheet.

- Swap in a different audio track (in `hello.html`):  
  - Replace `bg.mp3` in the `<audio>` tag with another file name that exists next to `hello.html`.


P.S - This project was made using Notepad ++ (HTML and CSS) with the help of Cursor AI (VS Code) for modifying and 
checking for errors in the HTML, CSS, and the README. Most of the CSS is made with help of Cursor AI. The images are from "Perfect Blue" and are modified for this project. I do not 
own the song, and the song is only used for educational purposes. If anyone has any depression, anxiety, or any sensory overload, please do not play this game. 
This project is made for the BIGREDHACKS Hackathon, and it will not be distributed in any way without the user's permission.