zyl/zyllian.github.io
1
0
Fork 0
mirror of https://github.com/zyllian/zyllian.github.io.git synced 2025-01-18 03:32:30 -08:00
Code Issues Projects Releases Packages Wiki Activity

add the grayscale filter to the pet when unhappy

Browse source
This commit is contained in:
zyl 2024-06-25 00:55:06 -07:00
parent f1c25ec896
commit 8f0a925a33
No known key found for this signature in database
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
site/root/js/pet.js
View file

@ -291,6 +291,18 @@
thePet.style.setProperty("--width", `${width}px`); thePet.style.setProperty("--width", `${width}px`);
thePet.style.setProperty("--height", `${height}px`); thePet.style.setProperty("--height", `${height}px`);
thePet.style.setProperty("--color", this.color); thePet.style.setProperty("--color", this.color);
let happinessFilter = 1 - this.happiness / MAX_HAPPINESS;
if (happinessFilter < 0.6) {
happinessFilter = 0;
}
happinessFilter = (happinessFilter - 0.6) * 2.5;
if (happinessFilter < 0) {
happinessFilter = 0;
}
thePet.style.setProperty(
"filter",
`grayscale(${happinessFilter * 100}%)`
);
if (!this.alive) { if (!this.alive) {
thePet.classList.add("dead"); thePet.classList.add("dead");