Improved color scheme
This commit is contained in:
parent
04ee870a5e
commit
d4fbde3b55
|
@ -43,31 +43,7 @@ function moveObject(object, amountX, amountY, time) {
|
|||
}
|
||||
|
||||
function calculateColor(number) {
|
||||
let minHue;
|
||||
let maxHue;
|
||||
let percentage;
|
||||
if (number < 10) {
|
||||
minHue = 25;
|
||||
maxHue = 35;
|
||||
percentage = number / 10;
|
||||
} else if (number < 20) {
|
||||
minHue = 60;
|
||||
maxHue = 80;
|
||||
percentage = (number - 10) / 10;
|
||||
} else if (number < 50) {
|
||||
minHue = 310;
|
||||
maxHue = 340;
|
||||
percentage = (number - 20) / 30;
|
||||
} else if (number < 100) {
|
||||
minHue = 35;
|
||||
maxHue = 65;
|
||||
percentage = (number - 50) / 50;
|
||||
} else if (number < 200) {
|
||||
minHue = 260;
|
||||
maxHue = 280;
|
||||
percentage = (number - 100) / 100;
|
||||
}
|
||||
const hue = (percentage * (maxHue - minHue)) + minHue;
|
||||
const hue = (number / 150 * (360 - 35) + 35) % 360;
|
||||
return `hsl(${hue}, 100%, 50%)`;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user