Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Color gradient palette for NoRespawn column #33

Open
FreezeHandz opened this issue Mar 28, 2024 · 8 comments
Open

Color gradient palette for NoRespawn column #33

FreezeHandz opened this issue Mar 28, 2024 · 8 comments
Assignees
Labels
enhancement New feature or request UI/UX

Comments

@FreezeHandz
Copy link

Hi. The new update is very nice. Being able to see the NoRespawn time is awesome. It would be nice if the color of the NoRespawn time was different based on the delta threshold colors.
This is how it looks with and without the target delta column

image1-5

With only the NoRespawn column it's just a green wall where I think it's difficult to see what time is faster than another one.

I made two palettes based on the AT color. The gradients go from dark to bright.

gradients

@FreezeHandz
Copy link
Author

FreezeHandz commented Mar 28, 2024

I thought that the NoRespawn color was only green (AT color). But by playing another map I found out that it's based on the medal's colors.
So maybe the gradients won't work

@Vanawy Vanawy added the enhancement New feature or request label Mar 28, 2024
@Vanawy
Copy link
Owner

Vanawy commented Mar 28, 2024

Yeah, they're based on medal colours but some variation's definitely would be nice. No respawn times definitely need some work over all. I'll keep this suggestion in mind in next update (not sure when tho 😅)

@Vanawy Vanawy self-assigned this Mar 28, 2024
@FreezeHandz
Copy link
Author

FreezeHandz commented Mar 28, 2024

In my opinion, the gradient should be based on one color for example blue. To highlight if the no respawn time is above a medal time, it could be displayed with a colored circle placed to the right of the no respawn time

@Vanawy
Copy link
Owner

Vanawy commented Mar 28, 2024

Yeah, for Copium medals I can actually add another column (like for normal runs) and make No respawn time use gradients you suggested. Blue is not great cause PB imrovment column already uses it.

It's all a bit difficult. I plan to add more columns based on "copium time" like delta and improvment - if you enable all of them that would be a mess of course. But even with couple columns enabled there shouldn't be wall of text (numbers in our case) in one color. So if you have more ideas about that I'm all ears!

@Vanawy Vanawy added the UI/UX label Mar 28, 2024
@FreezeHandz
Copy link
Author

What's "Copium medal"? I never heard it before

@Vanawy
Copy link
Owner

Vanawy commented Mar 28, 2024

What's "Copium medal"? I never heard it before

No Respawn Timer - Copium Timer
So here we are 😅

@FreezeHandz
Copy link
Author

FreezeHandz commented Mar 28, 2024

Initially, I thought that using the delta threshold for the noRespawn time could work fine. But after I watched again the screenshot example with all the times, it won't work. Because even if the delta is faster, the noRespawn time could be slower than another time with a slower delta. For example times number 8 and 9.

So the gradient must be based on the noRespawn times. I don't know how you could do this but this is the idea I have so far.
Take the faster and slower time. Get their difference. Then divide that by the number of colors, let's say 8 shades. With every 1/8 make a range of the difference and assign the color gradient to it. So if a "Copium time" is in one range, it assigns that color to the time.

For example

  • fastest noRespawn time is 40.0
  • slowest noRespawn time is 44.0

The difference is 4 and the division by 8 is 0.5
Color 1 is from 40.0 to 40.5
Color 2 is from 40.501 to 41.0
...
Color 8 is from 43.501 to 44.0

And every time there's a new fastest or slowest copium time it updates the ranges

@FreezeHandz
Copy link
Author

FreezeHandz commented Apr 5, 2024

I made some palettes based on different color wheel modes from this page https://colors.dopely.top/color-wheel/

split comp 1 split comp 2
https://colors.dopely.top/color-wheel/split-complementary/00ffff https://colors.dopely.top/color-wheel/split-complementary/ff8000
split comp 3 tetradic
https://colors.dopely.top/color-wheel/split-complementary/ff0080 https://colors.dopely.top/color-wheel/tetradic/00ff00
double comp 1 double comp 2
https://colors.dopely.top/color-wheel/double-complementary/00ffff https://colors.dopely.top/color-wheel/double-complementary/00ff80

I based one color of the modes on the PB color and made a gradient from dark (L 30) to bright (L 60). I can change the luminosity values because I use HSL color values.
If you have any other color suggestions I can make a palette for them.
Maybe the purple palettes aren't that great for our use but they look cool

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request UI/UX
Projects
None yet
Development

No branches or pull requests

2 participants