From 8f0a925a33f06f2c5a7e07163b4be828facece6f Mon Sep 17 00:00:00 2001
From: zyl <z@zyl.gay>
Date: Tue, 25 Jun 2024 00:55:06 -0700
Subject: [PATCH] add the grayscale filter to the pet when unhappy

---
 site/root/js/pet.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/site/root/js/pet.js b/site/root/js/pet.js
index bf30a1a..429004a 100644
--- a/site/root/js/pet.js
+++ b/site/root/js/pet.js
@@ -291,6 +291,18 @@
       thePet.style.setProperty("--width", `${width}px`);
       thePet.style.setProperty("--height", `${height}px`);
       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) {
         thePet.classList.add("dead");