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) {
|
function calculateColor(number) {
|
||||||
let minHue;
|
const hue = (number / 150 * (360 - 35) + 35) % 360;
|
||||||
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;
|
|
||||||
return `hsl(${hue}, 100%, 50%)`;
|
return `hsl(${hue}, 100%, 50%)`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user