Add option to show blobhole on other themes (#3439)

* Add option to show blobhole on other themes

* This is fine

* Change for consistency

* I hope you are happy

src/components/modals/options/AnimationOptionsModal.vue

@@ -25,7 +25,10 @@ export default {
       reality: false,
       background: false,
       blobSnowflakes: 16,
-      isS11Active: false
+      isS11Active: false,
+      isBlackHoleUnlocked: false,
+      blobHole: false,
+      isS11Unlocked: false
     };
   },
   computed: {
@@ -63,6 +66,9 @@ export default {
     },
     blobSnowflakes(newValue) {
       player.options.animations.blobSnowflakes = parseInt(newValue, 10);
+    },
+    blobHole(newValue) {
+      player.options.animations.blobHole = newValue;
     }
   },
   methods: {
@@ -76,6 +82,8 @@ export default {
       this.tachyonsUnlocked = this.realityUnlocked || Currency.tachyonParticles.gt(0);
       this.animatedThemeUnlocked = Theme.animatedThemeUnlocked;
       this.isS11Active = Theme.currentName() === "S11";
+      this.isS11Unlocked = Themes.available().map(t => t.name).includes("S11");
+      this.isBlackHoleUnlocked = BlackHoles.areUnlocked;
 
       const options = player.options.animations;
       this.bigCrunch = options.bigCrunch;
@@ -85,6 +93,7 @@ export default {
       this.reality = options.reality;
       this.background = options.background;
       this.blobSnowflakes = options.blobSnowflakes;
+      this.blobHole = options.blobHole;
     },
     adjustSliderValue(value) {
       this.blobSnowflakes = value;
@@ -125,6 +134,11 @@ export default {
         v-model="reality"
         text="Reality:"
       />
+      <ModalOptionsToggleButton
+        v-if="isS11Unlocked && isBlackHoleUnlocked"
+        v-model="blobHole"
+        text="Always use Blobhole:"
+      />
       <div v-if="!isS11Active">
         <ModalOptionsToggleButton
           v-if="animatedThemeUnlocked"

src/components/tabs/black-hole/black-hole-animation.js

@@ -114,7 +114,7 @@ export const BlackHoleAnimation = (function() {
       this.respawnTick = true;
       this.isInside = BlackHoles.areNegative;
       this.blob = blobs[Math.floor(Math.random() * blobs.length)];
-      this.isBlob = Theme.currentName() === "S11";
+      this.isBlob = Theme.currentName() === "S11" || player.options.animations.blobHole;
     }
 
     static randomDistance() {

src/core/player.js

@@ -840,7 +840,8 @@ window.player = {
       tachyonParticles: true,
       reality: true,
       background: true,
-      blobSnowflakes: 16
+      blobSnowflakes: 16,
+      blobHole: false
     },
     confirmations: {
       armageddon: true,