add english translation, new art, update cards, etc.

- edited some lines in the English "Date with Mishy" script.
- updated infinity mode cards.
- updated debug options display to support multiple options.
- added English translation for infinity mode.
- added new clear bonus art for when all modes have been cleared.

index.html

@@ -38,6 +38,7 @@
       </div>
       <img style="display:none;" data-clear-flag="1" id="bonus-art-normal" src="resources/images/game/mishy-sticker/255-clean.png">
       <img style="display:none;" data-clear-flag="2" id="bonus-art-hard" src="resources/images/game/mishy-sticker/020.png">
+      <img style="display:none;" data-clear-flag="ALL" id="bonus-art-all" src="resources/images/background/extra/clear-big.png">
     </div>
     <div id="background-extras"></div>
 
@@ -76,12 +77,12 @@
             <button class="button menu-opt mishy-mode-opt" onclick="Mishy.startGame('hard');">Hard</button>
             <div class="menu-info"><span class="info-title">みっしぃとデート</span></div>
           </li>
-          <li id="beta-test" style="display:none;">
+          <li class="debug-option" style="display:none;">
             <button class="button menu-opt mishy-mode-opt" onclick="Mishy.startGame('nightmare');">Nightmare</button>
             <div class="menu-info"><span class="info-title">みっしぃと<ruby>軌跡<rt>きせき</rt></ruby></span></div>
           </li>
 
-          <li id="beta-test" style="display:none;">
+          <li class="debug-option" style="display:none;">
             <button class="button menu-opt mishy-mode-opt" onclick="Mishy.startGame('infinity');">Infinity</button>
             <div class="menu-info">
               <span class="info-title">みっしぃとチャレンジ</span><br>

lang/en/index.html

@@ -38,6 +38,7 @@
       </div>
       <img style="display:none;" data-clear-flag="1" id="bonus-art-normal" src="../../resources/images/game/mishy-sticker/255-clean.png">
       <img style="display:none;" data-clear-flag="2" id="bonus-art-hard" src="../../resources/images/game/mishy-sticker/020.png">
+      <img style="display:none;" data-clear-flag="ALL" id="bonus-art-all" src="resources/images/background/extra/clear-big.png">
     </div>
     <div id="background-extras"></div>
 
@@ -76,10 +77,17 @@
             <button class="button menu-opt mishy-mode-opt" onclick="Mishy.startGame('hard');">Hard</button>
             <div class="menu-info"><span class="info-title">Date with Mishy</span></div>
           </li>
-          <li id="beta-test" style="display:none;">
+          <li class="debug-option" style="display:none;">
             <button class="button menu-opt mishy-mode-opt" onclick="Mishy.startGame('nightmare');">Nightmare</button>
             <div class="menu-info"><span class="info-title">Trails with Mishy</span></div>
           </li>
+          <li class="debug-option" style="display:none;">
+            <button class="button menu-opt mishy-mode-opt" onclick="Mishy.startGame('infinity');">Infinity</button>
+            <div class="menu-info">
+              <span class="info-title">Challenge with Mishy</span><br>
+              Day with Mishy + Dream with Mishy + Date with Mishy + Trails with Mishy + ???
+            </div>
+          </li>
         </ul>
         <div class="content-title">Coming Soon</div>
         <button class="button menu-opt mishy-mode-opt" onclick="Mishy.startGame('nightmare');" disabled>Nightmare</button>

resources/css/stylesheet.css

@@ -502,6 +502,10 @@ body:before, body:after, #background-extras:before, #background-extras:after {
   animation:mishette-peek 20s ease infinite;
 }
 
+/* TODO:NIGHTMARE BACKGROUND EXTRAS */
+
+/* TODO:INFINITY BACKGROUND EXTRAS */
+
 /* GAME OVER BACKGROUND EXTRAS */
 /* Evil Mishy */
 .game-over:before {
@@ -1242,6 +1246,14 @@ body.cssanime-off, .cssanime-off [data-chain-anime], .cssanime-off [data-score-a
   right:30px;
 }
 
+#clear-bonus-art #bonus-art-all {
+  width:500px;
+  bottom:0px;
+  left:50%;
+  margin-left:-250px;
+  z-index:-2;
+}
+
 
 /* MEDIA QUERIES */
 @media (max-width:500px) {
@@ -1271,6 +1283,13 @@ body.cssanime-off, .cssanime-off [data-chain-anime], .cssanime-off [data-score-a
     right:0px;
   }
 
+  #clear-bonus-art #bonus-art-all {
+    width:200px;
+    bottom:0px;
+    left:50%;
+    margin-left:-100px;
+  }
+
   /* game clear art */
   /* Mishy w/party cracker */
   .game-clear:after {

resources/javascript/mishy.js

@@ -832,6 +832,11 @@
           }
         }
 
+        // show the last piece of bonus art if the player cleared all 5 modes
+        if (clear.join(',') == '1,1,1,1,1') {
+          Mishy.cache.bonusArt.querySelector('#bonus-art-all').style.display = '';
+        }
+
         // update random bgs
         Mishy.mainBG = bg.slice();
       }
@@ -1301,8 +1306,9 @@
 
       // show beta test option (mode that is currently in development) and special debug options
       if (Mishy.debug) {
-        var beta = document.getElementById('beta-test');
-        if (beta) beta.style.display = '';
+        for (var debugOption = document.querySelectorAll('.debug-option'), i = 0, j = debugOption.length; i < j; i++) {
+          debugOption[i].style.display = '';
+        }
 
         // special debug functions
         Mishy.debugTools = {

resources/javascript/mode/en.js

@@ -1322,13 +1322,13 @@
     },
 
     {
-      words : "Bruh, I was not expecting that.",
+      words : "Well that was outta the blue. Then again, this IS Tio Tot we're talkin' about here.",
       img : 'randy-kao-06',
       folder : 'kiseki'
     },
 
     {
-      words : "Haha, that's our Tio for you. She really likes Mishy.",
+      words : "Haha, true. That's our Tio for you though. When it comes to liking Mishy, she's unrivaled.",
       img : 'lloyd-kao-10',
       folder : 'kiseki'
     },
@@ -2194,11 +2194,74 @@
   ];
 
 
-  // Infinity Mode
-  // contains exclusive infinity mode cards + all cards from prior modes (order is completely randomized)
-  Mishy.mode.infinity = [
+  // Infinity Mode - "Challenge with Mishy"
+  Mishy.mode.infinity = [].concat(Mishy.mode.easy, Mishy.mode.normal, Mishy.mode.hard, Mishy.mode.nightmare, [
+    {
+      words : 'Ten',
+      img : '10',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Nine',
+      img : '09',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Eight',
+      img : '08',
+      folder : 'infinity'
+    },
 
-  ].concat(Mishy.mode.easy, Mishy.mode.normal, Mishy.mode.hard, Mishy.mode.nightmare);
+    {
+      words : 'Seven',
+      img : '07',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Six',
+      img : '06',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Five',
+      img : '05',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Four',
+      img : '04',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Three',
+      img : '03',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Two',
+      img : '02',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'One',
+      img : '01',
+      folder : 'infinity'
+    },
+
+    {
+      words : 'Congratulations on clearing Infinity!',
+      img : 'clear',
+      folder : 'infinity'
+    }
+  ]);
 
 
 }(window, document));

resources/javascript/mode/ja.js

@@ -2585,75 +2585,83 @@
 
 
   // Infinity Mode - "みっしぃとチャレンジ"
-  Mishy.mode.infinity = [
-    // TODO: Add images to the countdown
-    // also swap to the ending array once it has been completed.
+  Mishy.mode.infinity = [].concat(Mishy.mode.easy, Mishy.mode.normal, Mishy.mode.hard, Mishy.mode.nightmare, [
     {
       words : 'じゅう',
       helper : 'ju u',
-      img : ''
+      img : '10',
+      folder : 'infinity'
     },
+
     {
       words : 'きゅう',
       helper : 'kyu u',
-      img : ''
+      img : '09',
+      folder : 'infinity'
     },
 
     {
       words : 'はち',
       helper : 'ha chi',
-      img : ''
+      img : '08',
+      folder : 'infinity'
     },
 
     {
       words : 'なな',
       helper : 'na na',
-      img : ''
+      img : '07',
+      folder : 'infinity'
     },
 
     {
       words : 'ろく',
       helper : 'ro ku',
-      img : ''
+      img : '06',
+      folder : 'infinity'
     },
 
     {
       words : 'ご',
       helper : 'go',
-      img : ''
+      img : '05',
+      folder : 'infinity'
     },
 
     {
       words : 'よん',
       helper : 'yo nn',
-      img : ''
+      img : '04',
+      folder : 'infinity'
     },
 
     {
       words : 'さん',
       helper : 'sa nn',
-      img : ''
+      img : '03',
+      folder : 'infinity'
     },
 
     {
       words : 'に',
       helper : 'ni',
-      img : ''
+      img : '02',
+      folder : 'infinity'
     },
 
     {
       words : 'いち',
       helper : 'i chi',
-      img : ''
+      img : '01',
+      folder : 'infinity'
     },
 
     {
-      words : 'くりあおめでとうございます！',
-      helper : 'ku ri a o me de to u go za i ma su !',
-      img : ''
-    },
-  ].concat(Mishy.mode.easy, Mishy.mode.normal, Mishy.mode.hard, Mishy.mode.nightmare, [
-
+      words : 'いんふぃにてぃくりあおめでとうございます！',
+      helper : 'i n fi ni te xi ku ri a o me de to u go za i ma su !',
+      img : 'clear',
+      folder : 'infinity'
+    }
   ]);