feat(quests): spider quest

dist/habitrpg-shared.js

@@ -12177,6 +12177,11 @@ api.questEggs = {
     text: t('questEggRoosterText'),
     adjective: t('questEggRoosterAdjective'),
     canBuy: false
+  },
+  Spider: {
+    text: t('questEggSpiderText'),
+    adjective: t('questEggSpiderAdjective'),
+    canBuy: false
   }
 };
 
@@ -13096,6 +13101,36 @@ api.quests = {
       gp: 25,
       exp: 125
     }
+  },
+  spider: {
+    text: t('questSpiderText'),
+    notes: t('questSpiderNotes'),
+    completion: t('questSpiderCompletion'),
+    value: 4,
+    boss: {
+      name: t('questSpiderBoss'),
+      hp: 400,
+      str: 1.5
+    },
+    drop: {
+      items: [
+        {
+          type: 'eggs',
+          key: 'Spider',
+          text: t('questSpiderDropSpiderEgg')
+        }, {
+          type: 'eggs',
+          key: 'Spider',
+          text: t('questSpiderDropSpiderEgg')
+        }, {
+          type: 'eggs',
+          key: 'Spider',
+          text: t('questSpiderDropSpiderEgg')
+        }
+      ],
+      gp: 31,
+      exp: 200
+    }
   }
 };
 
@@ -13730,7 +13765,7 @@ api.percent = function(x, y, dir) {
   if (x === 0) {
     x = 1;
   }
-  return roundFn(x / y * 100);
+  return Math.max(0, roundFn(x / y * 100));
 };
 
 

dist/spritesmith0.css

@@ -1,156 +1,156 @@
 .achievement-alien {
   background-image: url(spritesmith0.png);
-  background-position: -1187px -1092px;
+  background-position: -823px -728px;
   width: 24px;
   height: 26px;
 }
 .achievement-armor {
   background-image: url(spritesmith0.png);
-  background-position: -1551px -1365px;
+  background-position: -1551px -1456px;
   width: 24px;
   height: 26px;
 }
 .achievement-boot {
   background-image: url(spritesmith0.png);
-  background-position: -1162px -1092px;
+  background-position: -798px -728px;
   width: 24px;
   height: 26px;
 }
 .achievement-bow {
   background-image: url(spritesmith0.png);
-  background-position: -1303px -1183px;
+  background-position: -939px -819px;
   width: 24px;
   height: 26px;
 }
 .achievement-cactus {
   background-image: url(spritesmith0.png);
-  background-position: -1278px -1183px;
+  background-position: -914px -819px;
   width: 24px;
   height: 26px;
 }
 .achievement-cake {
   background-image: url(spritesmith0.png);
-  background-position: -1253px -1183px;
+  background-position: -889px -819px;
   width: 24px;
   height: 26px;
 }
 .achievement-cave {
   background-image: url(spritesmith0.png);
-  background-position: -1394px -1274px;
+  background-position: -1030px -910px;
   width: 24px;
   height: 26px;
 }
 .achievement-coffin {
   background-image: url(spritesmith0.png);
-  background-position: -1369px -1274px;
+  background-position: -1005px -910px;
   width: 24px;
   height: 26px;
 }
 .achievement-comment {
   background-image: url(spritesmith0.png);
-  background-position: -1344px -1274px;
+  background-position: -980px -910px;
   width: 24px;
   height: 26px;
 }
 .achievement-dilatory {
   background-image: url(spritesmith0.png);
-  background-position: -1485px -1365px;
+  background-position: -1121px -1001px;
   width: 24px;
   height: 26px;
 }
 .achievement-firefox {
   background-image: url(spritesmith0.png);
-  background-position: -1460px -1365px;
+  background-position: -1096px -1001px;
   width: 24px;
   height: 26px;
 }
 .achievement-habitBirthday {
   background-image: url(spritesmith0.png);
-  background-position: -1435px -1365px;
+  background-position: -1071px -1001px;
   width: 24px;
   height: 26px;
 }
 .achievement-heart {
   background-image: url(spritesmith0.png);
-  background-position: -1576px -1473px;
+  background-position: -1212px -1092px;
   width: 24px;
   height: 26px;
 }
 .achievement-helm {
   background-image: url(spritesmith0.png);
-  background-position: -1526px -1365px;
+  background-position: -1526px -1456px;
   width: 24px;
   height: 26px;
 }
 .achievement-karaoke {
   background-image: url(spritesmith0.png);
-  background-position: -1526px -1473px;
+  background-position: -1162px -1092px;
   width: 24px;
   height: 26px;
 }
 .achievement-ninja {
   background-image: url(spritesmith0.png);
-  background-position: -1576px -1446px;
+  background-position: -1303px -1183px;
   width: 24px;
   height: 26px;
 }
 .achievement-perfect {
   background-image: url(spritesmith0.png);
-  background-position: -1551px -1446px;
+  background-position: -1278px -1183px;
   width: 24px;
   height: 26px;
 }
 .achievement-rat {
   background-image: url(spritesmith0.png);
-  background-position: -1526px -1446px;
+  background-position: -1253px -1183px;
   width: 24px;
   height: 26px;
 }
 .achievement-shield {
   background-image: url(spritesmith0.png);
-  background-position: -1576px -1419px;
+  background-position: -1394px -1274px;
   width: 24px;
   height: 26px;
 }
 .achievement-snowball {
   background-image: url(spritesmith0.png);
-  background-position: -1551px -1419px;
+  background-position: -1369px -1274px;
   width: 24px;
   height: 26px;
 }
 .achievement-spookDust {
   background-image: url(spritesmith0.png);
-  background-position: -1526px -1419px;
+  background-position: -1344px -1274px;
   width: 24px;
   height: 26px;
 }
 .achievement-sun {
   background-image: url(spritesmith0.png);
-  background-position: -1576px -1392px;
+  background-position: -1485px -1365px;
   width: 24px;
   height: 26px;
 }
 .achievement-sword {
   background-image: url(spritesmith0.png);
-  background-position: -1551px -1392px;
+  background-position: -1460px -1365px;
   width: 24px;
   height: 26px;
 }
 .achievement-thermometer {
   background-image: url(spritesmith0.png);
-  background-position: -1526px -1392px;
+  background-position: -1435px -1365px;
   width: 24px;
   height: 26px;
 }
 .achievement-tree {
   background-image: url(spritesmith0.png);
-  background-position: -1576px -1365px;
+  background-position: -1576px -1456px;
   width: 24px;
   height: 26px;
 }
 .achievement-valentine {
   background-image: url(spritesmith0.png);
-  background-position: -1551px -1473px;
+  background-position: -1187px -1092px;
   width: 24px;
   height: 26px;
 }
@@ -1410,13 +1410,13 @@
 }
 .hair_mustache_1_pgreen {
   background-image: url(spritesmith0.png);
-  background-position: -424px -296px;
+  background-position: -182px -1138px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_mustache_1_pgreen {
   background-image: url(spritesmith0.png);
-  background-position: -449px -311px;
+  background-position: -207px -1153px;
   width: 60px;
   height: 60px;
 }
@@ -1446,13 +1446,13 @@
 }
 .hair_mustache_1_ppurple {
   background-image: url(spritesmith0.png);
-  background-position: -455px -1138px;
+  background-position: -424px -296px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_mustache_1_ppurple {
   background-image: url(spritesmith0.png);
-  background-position: -480px -1153px;
+  background-position: -449px -311px;
   width: 60px;
   height: 60px;
 }
@@ -2766,311 +2766,371 @@
 }
 .hair_bangs_3_pblue {
   background-image: url(spritesmith0.png);
-  background-position: -182px -1138px;
+  background-position: -1526px -1365px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_pblue {
   background-image: url(spritesmith0.png);
-  background-position: -207px -1153px;
+  background-position: -1551px -1380px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_pgreen {
   background-image: url(spritesmith0.png);
-  background-position: -273px -592px;
+  background-position: 0px -1502px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_pgreen {
   background-image: url(spritesmith0.png);
-  background-position: -298px -607px;
+  background-position: -25px -1517px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_porange {
   background-image: url(spritesmith0.png);
-  background-position: -182px -592px;
+  background-position: -91px -1502px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_porange {
   background-image: url(spritesmith0.png);
-  background-position: -207px -607px;
+  background-position: -116px -1517px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_ppink {
   background-image: url(spritesmith0.png);
-  background-position: -91px -592px;
+  background-position: -182px -1502px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_ppink {
   background-image: url(spritesmith0.png);
-  background-position: -116px -607px;
+  background-position: -207px -1517px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_ppurple {
   background-image: url(spritesmith0.png);
-  background-position: 0px -592px;
+  background-position: -273px -1502px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_ppurple {
   background-image: url(spritesmith0.png);
-  background-position: -25px -607px;
+  background-position: -298px -1517px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_pumpkin {
   background-image: url(spritesmith0.png);
-  background-position: -597px -444px;
+  background-position: -455px -1138px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_pumpkin {
   background-image: url(spritesmith0.png);
-  background-position: -622px -459px;
+  background-position: -480px -1153px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_purple {
   background-image: url(spritesmith0.png);
-  background-position: -506px -444px;
+  background-position: -273px -592px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_purple {
   background-image: url(spritesmith0.png);
-  background-position: -531px -459px;
+  background-position: -298px -607px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_pyellow {
   background-image: url(spritesmith0.png);
-  background-position: -415px -444px;
+  background-position: -182px -592px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_pyellow {
   background-image: url(spritesmith0.png);
-  background-position: -440px -459px;
+  background-position: -207px -607px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_rainbow {
   background-image: url(spritesmith0.png);
-  background-position: -324px -444px;
+  background-position: -91px -592px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_rainbow {
   background-image: url(spritesmith0.png);
-  background-position: -349px -459px;
+  background-position: -116px -607px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_red {
   background-image: url(spritesmith0.png);
-  background-position: -233px -444px;
+  background-position: 0px -592px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_red {
   background-image: url(spritesmith0.png);
-  background-position: -258px -459px;
+  background-position: -25px -607px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_white {
   background-image: url(spritesmith0.png);
-  background-position: -142px -444px;
+  background-position: -597px -444px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_white {
   background-image: url(spritesmith0.png);
-  background-position: -167px -459px;
+  background-position: -622px -459px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_winternight {
   background-image: url(spritesmith0.png);
-  background-position: -364px -683px;
+  background-position: -506px -444px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_winternight {
   background-image: url(spritesmith0.png);
-  background-position: -389px -698px;
+  background-position: -531px -459px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_yellow {
   background-image: url(spritesmith0.png);
-  background-position: -273px -683px;
+  background-position: -415px -444px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_yellow {
   background-image: url(spritesmith0.png);
-  background-position: -298px -698px;
+  background-position: -440px -459px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_zombie {
   background-image: url(spritesmith0.png);
-  background-position: -182px -683px;
+  background-position: -324px -444px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_3_zombie {
   background-image: url(spritesmith0.png);
-  background-position: -207px -698px;
+  background-position: -349px -459px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_TRUred {
   background-image: url(spritesmith0.png);
-  background-position: -91px -683px;
+  background-position: -233px -444px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_TRUred {
   background-image: url(spritesmith0.png);
-  background-position: -116px -698px;
+  background-position: -258px -459px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_black {
   background-image: url(spritesmith0.png);
-  background-position: 0px -683px;
+  background-position: -142px -444px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_black {
   background-image: url(spritesmith0.png);
-  background-position: -25px -698px;
+  background-position: -167px -459px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_blond {
   background-image: url(spritesmith0.png);
-  background-position: -707px -546px;
+  background-position: -364px -683px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_blond {
   background-image: url(spritesmith0.png);
-  background-position: -732px -561px;
+  background-position: -389px -698px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_blue {
   background-image: url(spritesmith0.png);
-  background-position: -707px -455px;
+  background-position: -273px -683px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_blue {
   background-image: url(spritesmith0.png);
-  background-position: -732px -470px;
+  background-position: -298px -698px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_brown {
   background-image: url(spritesmith0.png);
-  background-position: -707px -364px;
+  background-position: -182px -683px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_brown {
   background-image: url(spritesmith0.png);
-  background-position: -732px -379px;
+  background-position: -207px -698px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_candycane {
   background-image: url(spritesmith0.png);
-  background-position: -707px -273px;
+  background-position: -91px -683px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_candycane {
   background-image: url(spritesmith0.png);
-  background-position: -732px -288px;
+  background-position: -116px -698px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_candycorn {
   background-image: url(spritesmith0.png);
-  background-position: -707px -182px;
+  background-position: 0px -683px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_candycorn {
   background-image: url(spritesmith0.png);
-  background-position: -732px -197px;
+  background-position: -25px -698px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_frost {
   background-image: url(spritesmith0.png);
-  background-position: -707px -91px;
+  background-position: -707px -546px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_frost {
   background-image: url(spritesmith0.png);
-  background-position: -732px -106px;
+  background-position: -732px -561px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_ghostwhite {
   background-image: url(spritesmith0.png);
-  background-position: -707px 0px;
+  background-position: -707px -455px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_ghostwhite {
   background-image: url(spritesmith0.png);
-  background-position: -732px -15px;
+  background-position: -732px -470px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_green {
   background-image: url(spritesmith0.png);
-  background-position: -546px -592px;
+  background-position: -707px -364px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_green {
   background-image: url(spritesmith0.png);
-  background-position: -571px -607px;
+  background-position: -732px -379px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_halloween {
   background-image: url(spritesmith0.png);
-  background-position: -455px -592px;
+  background-position: -707px -273px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_halloween {
   background-image: url(spritesmith0.png);
-  background-position: -480px -607px;
+  background-position: -732px -288px;
   width: 60px;
   height: 60px;
 }
 .hair_base_1_holly {
   background-image: url(spritesmith0.png);
-  background-position: -364px -592px;
+  background-position: -707px -182px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_1_holly {
+  background-image: url(spritesmith0.png);
+  background-position: -732px -197px;
+  width: 60px;
+  height: 60px;
+}
+.hair_base_1_midnight {
+  background-image: url(spritesmith0.png);
+  background-position: -707px -91px;
+  width: 90px;
+  height: 90px;
+}
+.customize-option.hair_base_1_midnight {
+  background-image: url(spritesmith0.png);
+  background-position: -732px -106px;
+  width: 60px;
+  height: 60px;
+}
+.hair_base_1_pblue {
+  background-image: url(spritesmith0.png);
+  background-position: -707px 0px;
+  width: 90px;
+  height: 90px;
+}
+.customize-option.hair_base_1_pblue {
+  background-image: url(spritesmith0.png);
+  background-position: -732px -15px;
+  width: 60px;
+  height: 60px;
+}
+.hair_base_1_pgreen {
+  background-image: url(spritesmith0.png);
+  background-position: -546px -592px;
+  width: 90px;
+  height: 90px;
+}
+.customize-option.hair_base_1_pgreen {
+  background-image: url(spritesmith0.png);
+  background-position: -571px -607px;
+  width: 60px;
+  height: 60px;
+}
+.hair_base_1_porange {
+  background-image: url(spritesmith0.png);
+  background-position: -455px -592px;
+  width: 90px;
+  height: 90px;
+}
+.customize-option.hair_base_1_porange {
+  background-image: url(spritesmith0.png);
+  background-position: -480px -607px;
+  width: 60px;
+  height: 60px;
+}
+.hair_base_1_ppink {
+  background-image: url(spritesmith0.png);
+  background-position: -364px -592px;
+  width: 90px;
+  height: 90px;
+}
+.customize-option.hair_base_1_ppink {
   background-image: url(spritesmith0.png);
   background-position: -389px -607px;
   width: 60px;

locales/en/content.json

@@ -60,6 +60,9 @@
   "questEggRoosterText": "Rooster",
   "questEggRoosterAdjective": "strutting",
 
+  "questEggSpiderText": "Spider",
+  "questEggSpiderAdjective": "creepy",
+
   "eggNotes": "Find a hatching potion to pour on this egg, and it will hatch into a <%= eggAdjective() %> <%= eggText() %>.",
 
   "hatchingPotionBase": "Base",

locales/en/questsContent.json

@@ -54,6 +54,12 @@
   "questRoosterBoss": "Rooster",
   "questRoosterDropRoosterEgg": "Rooster (Egg)",
 
+  "questSpiderText": "The Icy Arachnid",
+  "questSpiderNotes": "As the weather starts cooling down, delicate frost begins appearing on Habiticans' windowpanes in lay webs... except for @Arcosine, whose windows are frozen completely shut by the Frost Spider currently taking up residence in his home. Oh dear.",
+  "questSpiderCompletion": "Completion: Completion: The Frost Spider collapses, leaving behind a small pile of frost and a few of her enchanted egg sacs. Arcosine rather hurriedly offers them to you as a reward--perhaps you could raise some non-threatening spiders as pets of your own?",
+  "questSpiderBoss": "Spider",
+  "questSpiderDropSpiderEgg": "Spider (Egg)",
+
   "questVice1Text": "Free Yourself of the Dragon's Influence",
   "questVice1Notes": "<p>They say there lies a terrible evil in the caverns of Mt. Habitica. A monster whose presence twists the wills of the strong heroes of the land, turning them towards bad habits and laziness! The beast is a grand dragon of immense power and comprised of the shadows themselves: Vice, the treacherous Shadow Wyrm. Brave Habiteers, stand up and defeat this foul beast once and for all, but only if you believe you can stand against its immense power. </p><h3>Vice Part 1: </h3><p>How can you expect to fight the beast if it already has control over you? Don't fall victim to laziness and vice! Work hard to fight against the dragon's dark influence and dispel his hold on you! </p>",
   "questVice1Boss": "Vice's Shade",

script/content.coffee

@@ -678,6 +678,7 @@ api.questEggs =
   Seahorse:         text: t('questEggSeahorseText'), adjective: t('questEggSeahorseAdjective'), canBuy: false
   Parrot:           text: t('questEggParrotText'), adjective: t('questEggParrotAdjective'), canBuy: false
   Rooster:          text: t('questEggRoosterText'), adjective: t('questEggRoosterAdjective'), canBuy: false
+  Spider:           text: t('questEggSpiderText'), adjective: t('questEggSpiderAdjective'), canBuy: false
 
 _.each api.questEggs, (egg,key) ->
   _.defaults egg,
@@ -1119,6 +1120,24 @@ api.quests =
       gp: 25
       exp: 125
 
+  spider:
+    text:       t('questSpiderText')
+    notes:      t('questSpiderNotes')
+    completion: t('questSpiderCompletion')
+    value: 4
+    boss:
+      name: t('questSpiderBoss')
+      hp: 400
+      str: 1.5
+    drop:
+      items: [
+        {type: 'eggs', key: 'Spider', text: t('questSpiderDropSpiderEgg')}
+        {type: 'eggs', key: 'Spider', text: t('questSpiderDropSpiderEgg')}
+        {type: 'eggs', key: 'Spider', text: t('questSpiderDropSpiderEgg')}
+      ]
+      gp: 31
+      exp: 200
+
 _.each api.quests, (v,key) ->
   _.defaults v, {key,canBuy:true}
   b = v.boss