HecticKiwi / Web-Osu-Mania

Play osu!mania Beatmaps in Your Browser.
https://web-osu-mania.pages.dev
MIT License
12 stars 5 forks source link

some settings not working #16

Open diamondmen opened 2 weeks ago

diamondmen commented 2 weeks ago

the "background dim" and "background blur" option is not working. can you see if you are able to fix the problem? thanks.

HecticKiwi commented 2 weeks ago

It seems to work fine for me, I tested on Microsoft Edge on Windows 11 as well as on Firefox on my Android phone. Try resetting the settings or using another web browser?

diamondmen commented 1 week ago

I play this during school hours on my chromebook so I only have the chrome browser option,

HecticKiwi commented 1 week ago

That's odd, I tried using Chrome just now and dim/blur works on that too.

IDK if this'll lead to anything but try this:

  1. Load up any beatmap
  2. Press F12 to open the browser dev tools
  3. Make sure you're on the Elements tab image
  4. Hit CTRL + F and search for "Beatmap Background"
  5. It should bring you to this \<img /> element, which is the background image that uses the dim and blur settings: image
  6. After you select this element, look down in the Styles tab and at element.style. Do you see the filter property? image Check the numbers in the brightness() and blur() functions. brightness() should get a number from 0 to 1 and blur() should get a positive number in px. Try changing them manually and seeing if the background image changes.