Home Explore Help
Register Sign In
wutt
/
game
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

音效修改

sunyadv 5 years ago
parent
dbb255dd8d
commit
1f0642dd59
3 changed files with 158 additions and 153 deletions
Split View Show Diff Stats
  1. 149 150
      minigame/WebContent/index.html
  2. 9 3
      minigame/WebContent/js/main.js
  3. BIN
      minigame/WebContent/sound/1.mp3

+ 149 - 150
minigame/WebContent/index.html
View File 

@@ -1,6 +1,6 @@
 
 <!DOCTYPE html>
 
 <html>
 
-  <head>
 
+<head>
 
     <meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
 
@@ -23,96 +23,93 @@
 
     <script>
 
         window.ifDebug = false;
 
         if (location.href.startsWith('http://')) {
 
-        	location.href = location.href.replace('http','https');
 
+            location.href = location.href.replace('http','https');
 
         }
 
     </script>
 
-  </head>
 
+</head>
 
 <body onload="getInfo()">
 
-    <!-- loading -->
 
-    <div class="loading">
 
-        <div class="curtain-box">
 
-            <div class="txt rubberBand time6 iteration">
 
-                <img src="./img/loading/loading_txt.png">
 
-            </div>
 
-            <div class="loading-bar">
 
-                <p class="load-txt">远方快递正在为您准备美食<span id="loadingTxt">0</span>％</p>
 
-                <div class="bar">
 
+<!-- loading -->
 
+<div class="loading">
 
+    <div class="curtain-box">
 
+        <div class="txt rubberBand time6 iteration">
 
+            <img src="./img/loading/loading_txt.png">
 
+        </div>
 
+        <div class="loading-bar">
 
+            <p class="load-txt">远方快递正在为您准备美食<span id="loadingTxt">0</span>％</p>
 
+            <div class="bar">
 
                     <span id="loadingBar">
 
                         <i class="icon-load"></i>
 
                     </span>
 
-                </div>
 
             </div>
 
         </div>
 
     </div>
 
-    <!-- 主内容 -->
 
-    <div class="warp">
 
-        <!-- 选择菜 -->
 
-        <div class="select-dish-box">
 
-            <img src="./img/menu_tt.png" class="tt fadeIn time4 animated js-an">
 
-            <div class="list">
 
-                <div class="item bounceIn time3 animated js-an delay3">
 
-                    <img src="./img/menu1.png">
 
-                </div>
 
-                <div class="item bounceIn time3 animated js-an delay4">
 
-                    <img src="./img/menu2.png">
 
-                </div>
 
-                <div class="item bounceIn time3 animated js-an delay5">
 
-                    <img src="./img/menu3.png">
 
-                </div>
 
-                <div class="item bounceIn time3 animated js-an delay6">
 
-                    <img src="./img/menu4.png">
 
-                </div>
 
+</div>
 
+<!-- 主内容 -->
 
+<div class="warp">
 
+    <!-- 选择菜 -->
 
+    <div class="select-dish-box">
 
+        <img src="./img/menu_tt.png" class="tt fadeIn time4 animated js-an">
 
+        <div class="list">
 
+            <div class="item bounceIn time3 animated js-an delay3">
 
+                <img src="./img/menu1.png">
 
             </div>
 
-            <div class="confirm anim-btn"></div>
 
-        </div>
 
-        <!-- 游戏 -->
 
-        <div class="game-box">
 
-            <canvas id="canvas" width="640" height="1040"></canvas>
 
-        </div>
 
-    </div>
 
-    <!-- 海报 -->
 
-    <div class="poster-mode">
 
-        <img src="./img/logo.png" class="logo">
 
-        <img src="./img/poster/hsr.png" class="poster-img" id="poster">
 
-        <div class="leads-box">
 
-            <img src="./img/poster/headOil.png" class="pro">
 
-            <div class="form-group">
 
-                <input id="nameInput" type="text" placeholder="我想把这道菜送给TA">
 
-				<div id="nameText" class='msg' style='display:none;'></div>
 
+            <div class="item bounceIn time3 animated js-an delay4">
 
+                <img src="./img/menu2.png">
 
             </div>
 
-            <div class="form-group">
 
-                <input id="textInput" type="text" placeholder="我想对TA说">
 
-				<div id="text" class='msg' style='display:none;'></div>
 
+            <div class="item bounceIn time3 animated js-an delay5">
 
+                <img src="./img/menu3.png">
 
             </div>
 
-            <div class="user-info">
 
-                <div class="headimg-box">
 
-                    <img src="./img/headimg.png">
 
-                </div>
 
-                <p>微信昵称</p>
 
+            <div class="item bounceIn time3 animated js-an delay6">
 
+                <img src="./img/menu4.png">
 
             </div>
 
         </div>
 
-        <div class="qrcode-box">
 
-            <img src="./img/poster/ewm.png">
 
-            <p>扫码为他做菜</p>
 
+        <div class="confirm anim-btn"></div>
 
+    </div>
 
+    <!-- 游戏 -->
 
+    <div class="game-box">
 
+        <canvas id="canvas" width="640" height="1040"></canvas>
 
+    </div>
 
+</div>
 
+<!-- 海报 -->
 
+<div class="poster-mode">
 
+    <img src="./img/logo.png" class="logo">
 
+    <img src="./img/poster/hsr.png" class="poster-img" id="poster">
 
+    <div class="leads-box">
 
+        <img src="./img/poster/headOil.png" class="pro">
 
+        <div class="form-group">
 
+            <input id="nameInput" type="text" placeholder="我想把这道菜送给TA">
 
+            <div id="nameText" class='msg' style='display:none;'></div>
 
         </div>
 
-        <div class="replay-btn">
 
-            <img src="./img/replay_btn.png">
 
+        <div class="form-group">
 
+            <input id="textInput" type="text" placeholder="我想对TA说">
 
+            <div id="text" class='msg' style='display:none;'></div>
 
         </div>
 
-        <div class="secret-btn" onclick='saveText()'>
 
-            <img src="./img/share_btn.png">
 
+        <div class="user-info">
 
+            <div class="headimg-box">
 
+                <img src="./img/headimg.png">
 
+            </div>
 
+            <p>微信昵称</p>
 
         </div>
 
     </div>
 
-
 
-    <div id="cover" style="width: 100%;height: 103%;position: absolute;top: 0;left: 0;z-index: 99999;display: none;background: rgba(0,0,0,0.2)" onclick="hiddenCover()">
 
-        <img style="width: 100%;height: 100%;" src="./img/cover.png">
 
+    <div class="qrcode-box">
 
+        <img src="./img/poster/ewm.png">
 
+        <p>扫码为他做菜</p>
 
+    </div>
 
+    <div class="replay-btn">
 
+        <img src="./img/replay_btn.png">
 
     </div>
 
+    <div class="secret-btn" onclick='saveText()'>
 
+        <img src="./img/share_btn.png">
 
+    </div>
 
+</div>
 
 
+<img id="cover" style="width: 100%;height: 103%;position: absolute;top: 0;left: 0;z-index: 99999;display: none" src="./img/cover.png" onclick="hiddenCover()">
 
 
-    <div class="secret-box">
 
-        <img src="./img/poster/secret1.png" id="secret">
 
-    </div>
 
+<div class="secret-box">
 
+    <img src="./img/poster/secret1.png" id="secret">
 
+</div>
 
 
-	<span id="musicControl">
 
+<span id="musicControl">
 
         <a id="mc_play" class="on" onclick="play_music();">
 
             <audio id="music" loop="loop" autoplay="autoplay">
 
                 <source src="sound/background_music.mp3" type="audio/mpeg">
 
@@ -120,94 +117,96 @@
 
         </a>
 
     </span>
 
 
-    <!-- 切菜提示 -->
 
-    <div class="cut-mode2">
 
-        <img src="./img/wait_cut.png">
 
-    </div>
 
+<!-- 切菜提示 -->
 
+<div class="cut-mode2">
 
+    <img src="./img/wait_cut.png">
 
+</div>
 
 
-    <!-- 移菜提示 -->
 
-    <div class="move-mode2">
 
-        <img src="./img/wait_move.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-mode2">
 
+    <img src="./img/wait_shake.png">
 
+</div>
 
 
-    <div class="shake-mode">
 
-        <div class="shake-dialog">
 
-            <!-- <img src="./img/shake_fire.png"> -->
 
-            <div class="fire anim-fire js-an" id="fire"></div>
 
-            <img src="./img/shake_icon.png" class="icon">
 
-            <img src="./img/shake_txt.png" class="txt">
 
-        </div>
 
+<div class="shake-mode">
 
+    <div class="shake-dialog">
 
+        <!-- <img src="./img/shake_fire.png"> -->
 
+        <div class="fire anim-fire js-an" id="fire"></div>
 
+        <img src="./img/shake_icon.png" class="icon">
 
+        <img src="./img/shake_txt.png" class="txt">
 
     </div>
 
+</div>
 
 
-    <script src="./js/jquery.min.js"></script>
 
-    <script src="./js/create.js"></script>
 
-    <script src="./js/tweenmax.js"></script>
 
-    <script src="./js/wechat.js"></script>
 
-    <script src="./assets.js?v=2"></script>
 
-    <script src="./js/music.js?v=1"></script>
 
-    <script src="./js/main.js?v=7"></script>
 
-    <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
 
-	<!-- 必须加在微信api资源 --> 
-	<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 
-    <script>
 
-        //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以
 
+<script src="./js/jquery.min.js"></script>
 
+<script src="./js/create.js"></script>
 
+<script src="./js/tweenmax.js"></script>
 
+<script src="./js/wechat.js"></script>
 
+<script src="./assets.js?v=2"></script>
 
+<script src="./js/music.js?v=1"></script>
 
+<script src="./js/main.js?v=7"></script>
 
+<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
 
+<!-- 必须加在微信api资源 -->
 
+<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 
+<script>
 
+    //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以
 
+    var music = document.getElementById('music').play();
 
+    music.volume = 0.1;
 
+    //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
 
+    document.addEventListener("WeixinJSBridgeReady", function () {
 
         var music = document.getElementById('music').play();
 
         music.volume = 0.1;
 
-        //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
 
-        document.addEventListener("WeixinJSBridgeReady", function () {
 
-            var music = document.getElementById('music').play();
 
-            music.volume = 0.1;
 
-        }, false);
 
+    }, false);
 
 
-        function shareWeixin(msg) {
 
-        	var url = window.location.href.split('#')[0];
 
-        	var plainUrl = url;
 
-        	url = escape(url);
 
-        	$.post("./user/getWxConfigParam?url="+url, {}, function(resp) {
 
-        		if (resp.code == 'error') {
 
-        			console.log(resp.code);
 
-        		}else{
 
-        			wx.config({
 
-        			    debug: true,
 
-        			    appId: 'wx749c84daac654e1e',
 
-        			    timestamp: resp.data.timestamp,
 
-        			    nonceStr: resp.data.noncestr,
 
-        			    signature: resp.data.sign,
 
-        			    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
 
-        			});
 
-        			wx.ready(function(){
 
-                        $("#cover").show();
 
-                        const share = {
 
-           			        title: "我为你精心准备的美味，快享用吧！",
 
-           			        desc: msg,
 
-           			        imgUrl: "https://wx.ttkuaiban.com/minigame/images/share_picture.png",
 
-           			        link: plainUrl,
 
-           			        success: function() {
 
-           			            alert("分享成功")
 
-           			        	window.location.href = "https://wx.ttkuaiban.com/minigame/lottery.html";
 
-           			        },
 
-           			        cancel: function() {
 
-                                alert("分享失败")
 
-           			        }
 
-           			    };
 
-        			    wx.onMenuShareAppMessage(share);
 
-        			    wx.onMenuShareTimeline(share);
 
-        			    wx.onMenuShareQQ(share);
 
-        			    wx.onMenuShareQZone(share);
 
-        			    wx.onMenuShareWeibo(share);
 
-        			});
 
-        			wx.error(function(res){
 
-                        alert("分享失败")
 
-        				console.log(res);
 
-        			});
 
-        		};
 
-        	});
 
-        }
 
-    </script>
 
+    function shareWeixin(msg) {
 
+        var url = window.location.href.split('#')[0];
 
+        var plainUrl = url;
 
+        var href="https://wx.ttkuaiban.com/minigame/index.html";
 
+//         	url = escape(url);
 
+//         	alert(url)
 
+        $.post("./user/getWxConfigParam?url="+href, {}, function(resp) {
 
+            if (resp.code == 'error') {
 
+                console.log(resp.code);
 
+            }else{
 
+                wx.config({
 
+                    debug: true,
 
+                    appId: 'wx749c84daac654e1e',
 
+                    timestamp: resp.data.timestamp,
 
+                    nonceStr: resp.data.noncestr,
 
+                    signature: resp.data.sign,
 
+                    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
 
+                });
 
+                wx.ready(function(){
 
+                    $("#cover").show();
 
+                    const share = {
 
+                        title: "我为你精心准备的美味，快享用吧！",
 
+                        desc: msg,
 
+                        imgUrl: "https://wx.ttkuaiban.com/minigame/images/share_picture.png",
 
+                        link: plainUrl,
 
+                        success: function() {
 
+                            alert("分享成功")
 
+                            window.location.href = "https://wx.ttkuaiban.com/minigame/lottery.html";
 
+                        },
 
+                        cancel: function() {
 
+                            alert("分享失败")
 
+                        }
 
+                    };
 
+                    wx.onMenuShareAppMessage(share);
 
+                    wx.onMenuShareTimeline(share);
 
+                    wx.onMenuShareQQ(share);
 
+                    wx.onMenuShareQZone(share);
 
+                    wx.onMenuShareWeibo(share);
 
+                });
 
+                wx.error(function(res){
 
+                    alert("分享失败")
 
+                    console.log(res);
 
+                });
 
+            };
 
+        });
 
+    }
 
+</script>
 
 </body>
 
 </html>

+ 9 - 3
minigame/WebContent/js/main.js
View File 

@@ -224,15 +224,21 @@ function handleComplete(evt, comp) {
 
         var video = "" , noice = "" , soup = "";
 
         if(dishIndex == 0){
 
             noice = createjs.Sound.play("hsr");//播放
 
-            video = createjs.Sound.play("oil");//播放
 
+            setTimeout(function(){
 
+                video = createjs.Sound.play("oil");//播放
 
+            }, 1000);
 
         }else if(dishIndex == 1){
 
             noice = createjs.Sound.play("qcdf");//播放
 
-            soup = createjs.Sound.play("soup");//播放
 
+            setTimeout(function(){
 
+                soup = createjs.Sound.play("soup");//播放
 
+            }, 2000);
 
         }else if(dishIndex == 2){
 
             noice = createjs.Sound.play("swy");//播放
 
         }else{
 
             noice = createjs.Sound.play("ymc");//播放
 
-            video = createjs.Sound.play("oil");//播放
 
+            setTimeout(function(){
 
+                video = createjs.Sound.play("oil");//播放
 
+            }, 3000);
 
         }
 
         noice.volume = 1;
 
         video.volume = 0.2;

BIN
minigame/WebContent/sound/1.mp3
View File