fixed issue of help pausing the controller

ssatguru · Oct 1, 2023 · a5a5107 · a5a5107
1 parent f264fa6
commit a5a5107
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/demo/tst/testCommandControl.html b/demo/tst/testCommandControl.html
@@ -79,6 +79,7 @@
       </li>
       </li>
       <li><input type="checkbox" id="kb" checked class="w3-check" />enable keyboard</li>
+      <li><button id="pause">pause</button></li>
       <li><button id="help">help</button></li>
     </ui>
   </div>

diff --git a/demo/tst/testCommandControl.js b/demo/tst/testCommandControl.js
@@ -349,16 +349,17 @@ function setControls() {
     cc.enableKeyBoard(e.target.checked);
     canvas.focus();
   };
-  // document.getElementById("help").onclick = showHelp;
+  document.getElementById("help").onclick = showHelp;
   document.getElementById("closehelp").onclick = showHelp;
 
   let animPaused = false;
-  document.getElementById("help").onclick = (e) => {
+  document.getElementById("pause").onclick = (e) => {
     if (animPaused) {
       cc.resumeAnim();
     } else {
       cc.pauseAnim();
     }
     animPaused = !animPaused;
+    toggleClass(e);
   };
 }
diff --git a/demo/tst/testNPC.html b/demo/tst/testNPC.html
@@ -81,6 +81,7 @@
         <input type="checkbox" id="toff" class="w3-check" />turning off
       </li>
       <li><input type="checkbox" id="kb" checked class="w3-check" />enable keyboard</li>
+      <li><button id="pause">pause</button></li>
       <li><button id="help">help</button></li>
     </ui>
   </div>

diff --git a/demo/tst/testNPC.js b/demo/tst/testNPC.js
@@ -436,16 +436,17 @@ function setControls() {
                 cc.enableKeyBoard(e.target.checked);
                 canvas.focus();
         };
-        // document.getElementById("help").onclick = showHelp;
+        document.getElementById("help").onclick = showHelp;
         document.getElementById("closehelp").onclick = showHelp;
 
         let animPaused = false;
-        document.getElementById("help").onclick = (e) => {
+        document.getElementById("pause").onclick = (e) => {
                 if (animPaused) {
                         cc.resumeAnim();
                 } else {
                         cc.pauseAnim();
                 }
                 animPaused = !animPaused;
+                toggleClass(e);
         };
 }