diff --git a/game.js b/game.js index df2c600..6fbac17 100644 --- a/game.js +++ b/game.js @@ -3148,6 +3148,13 @@ function update(lines = []) function applyPercentage(name, meterPos) { meterPos = meterPos < 0 ? 0 : meterPos; document.querySelector("#" + name + "Meter .fill").style.setProperty("transform", "translate(0px, " + Math.round(meterPos) + "px)"); + + let meter = document.querySelector("#" + name + "Meter"); + if (meterPos == 0) { + meter.classList.add("shaking"); + } else { + meter.classList.remove("shaking"); + } } function stylePercentage(name, storage) { @@ -3465,6 +3472,8 @@ function startGame(e) { document.getElementById("custom-species").style.display = 'none'; document.getElementById("action-panel").style.display = 'flex'; + enable_panel("options"); + enable_panel("body"); enable_button("feed"); enable_button("stomp"); diff --git a/stroll.html b/stroll.html index bd3cfc5..78972a7 100644 --- a/stroll.html +++ b/stroll.html @@ -192,18 +192,6 @@ -
- - - - - - - - - - -
@@ -225,6 +213,7 @@ +
@@ -315,6 +304,19 @@
+ +
+ + + + + + + + + + +
diff --git a/style.css b/style.css index ac5eb2d..e7ffdba 100644 --- a/style.css +++ b/style.css @@ -474,15 +474,11 @@ ul { border: 1px; font-size: 30px; width: 50%; - height: 100px; + height: 70px; display: none; } .action-part-button.active { - border: 1px; - font-size: 30px; - width: 50%; - height: 100px; background: #555; } @@ -604,3 +600,18 @@ body.dark .meterLabel { transform: translate(0, 0); } } + +/* stolen directly from w3schools lol */ + +.shaking { + animation: shake 1s; + animation-iteration-count: infinite; +} + +@keyframes shake { + 0% { transform: translate(0px, 0px); } + 10% { transform: translate(0px, -2px); } + 25% { transform: translate(0px, 0px); } + 100% { transform: translate(0px, 0px); } + +} diff --git a/units.js b/units.js index d821a12..cf0e454 100644 --- a/units.js +++ b/units.js @@ -25,7 +25,7 @@ function numberRough(value,suffix="") { case 2: return prefix + "millions " + suffix; case 3: return prefix + "billions " + suffix; case 4: return prefix + "trillions " + suffix; - case 5: return "uncountably many"; + default: return "uncountably many"; } } }