切菜

移菜提示

minigame/WebContent/css/main.css

@@ -838,6 +838,24 @@ img {
     right: 1.48438rem;
     width: 2.8125rem; }
 
+.cut-mode2 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  z-index: 100;
+  display: none; }
+
+.move-mode2 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  z-index: 100;
+  display: none; }
+
 .shake-mode2 {
   position: fixed;
   top: 0;

minigame/WebContent/index.html

@@ -113,10 +113,6 @@
         <img src="./img/poster/secret1.png" id="secret">
     </div>
 
-    <!-- 摇一摇提示 -->
-    <div class="shake-mode2">
-        <img src="./img/wait_shake.png">
-    </div>
 	<span id="musicControl">
         <a id="mc_play" class="on" onclick="play_music();">
             <audio id="music" loop="loop" autoplay="autoplay">
@@ -124,6 +120,18 @@
             </audio>
         </a>
     </span>
+    <!-- 切菜提示 -->
+    <div class="cut-mode2">
+        <img src="./img/wait_cut.png">
+    </div>
+    <!-- 移菜提示 -->
+    <div class="move-mode2">
+        <img src="./img/wait_move.png">
+    </div>
+    <!-- 摇一摇提示 -->
+    <div class="shake-mode2">
+        <img src="./img/wait_shake.png">
+    </div>
     <div class="shake-mode">
         <div class="shake-dialog">
             <!-- <img src="./img/shake_fire.png"> -->

minigame/WebContent/js/main.js

@@ -106,6 +106,13 @@ function handleComplete(evt, comp) {
         dishIndex = $(".select-dish-box .item.active").index();
         $(".select-dish-box").hide();
         $(".game-box").show();
+        $(".cut-mode2").show();
+        $(".cut-mode2").on("click",function(){
+            $(this).hide();  
+        })
+        $(".move-mode2").on("click",function(){
+            $(this).hide();
+        })
 
         // 判断是哪个菜
         if(dishIndex == 0){
@@ -631,12 +638,15 @@ function handleComplete(evt, comp) {
                 return false;
             }
         }
+
         stage.removeChild(lineShape);
         clearInterval(lineTimr);
         exportRoot.removeAllEventListeners();
 
 
         bowlAnim(function() {
+            
+            $(".move-mode2").show();
             if(dishIndex == 0){
                 dishMove(exportRoot.plate.hsr_icon1,0,0);
                 dishMove(exportRoot.plate.hsr_icon2,0,0);