index.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <title>合成大西瓜</title>
  6. <!--http://www.html5rocks.com/en/mobile/mobifying/-->
  7. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
  8. <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta name="format-detection" content="telephone=no">
  12. <!-- force webkit on 360 -->
  13. <meta name="renderer" content="webkit"/>
  14. <meta name="force-rendering" content="webkit"/>
  15. <!-- force edge on IE -->
  16. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  17. <meta name="msapplication-tap-highlight" content="no"/>
  18. <!-- force full screen on some browser -->
  19. <meta name="full-screen" content="yes"/>
  20. <meta name="x5-fullscreen" content="true"/>
  21. <meta name="360-fullscreen" content="true"/>
  22. <!-- force screen orientation on some browser -->
  23. <meta name="screen-orientation" content=""/>
  24. <meta name="x5-orientation" content=""/>
  25. <!--fix fireball/issues/3568 -->
  26. <!--<meta name="browsermode" content="application">-->
  27. <meta name="x5-page-mode" content="app"/>
  28. <!--<link rel="apple-touch-icon" href=".png" />-->
  29. <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
  30. <!-- <script>
  31. pushHistory();
  32. window.addEventListener("popstate", function(e) {
  33. }, false);
  34. function pushHistory() {
  35. var state = {
  36. title: "",
  37. url: window.location.href
  38. };
  39. window.history.pushState(state, state.title, state.url);
  40. }
  41. </script> -->
  42. <script type="text/javascript">
  43. var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
  44. //判断是否是微信下访问
  45. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  46. // if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
  47. location.href = "https://mp.weixin.qq.com/s/m0U0L-vnD0Gu8aPJ2vcPoA";
  48. // }
  49. }
  50. </script>
  51. <link rel="stylesheet" type="text/css" href="style-mobile.css"/>
  52. </head>
  53. <body style="margin: 0; background: #ddd;" align="center">
  54. <div style="align: center; display: none"><img src="res/share.jpg" width="10%" alt=""/></div>
  55. <div id="canvasDiv" style="width:100%;height:100%;">
  56. <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
  57. <video id="contentElement" style="display:none;position: absolute;top: 0; left: 0;">
  58. <!-- <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.mp4"/> -->
  59. <!-- <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.webm"/> -->
  60. </video>
  61. <div id="block-Box" style="display:block;width:100%;height:100%;"></div>
  62. </div>
  63. <div id="adContainer" style="display: none; position: absolute; top:0; left: 0; width:100%; height:100%; z-index: 999;"></div>
  64. <div id="loadingText" style="width:100%;display: none;text-align:center;position:absolute;top:45%;z-index:2;font-size:20px;color:#f99f0a">
  65. loading......0%
  66. </div>
  67. <div id="splash">
  68. <!-- <div class="progress-bar stripes"> -->
  69. <!-- <span style="width: 0%"></span> -->
  70. <!-- </div> -->
  71. </div>
  72. <div id="loadingImg" style="top:45%;width: 100%;position:absolute; ">
  73. <img src="res/loading.gif" width="7%" height="7%" alt=""/>
  74. </div>
  75. <!--<div align="center" style="font-size: 10px;color: dimgrey">advertisement</div>-->
  76. <script type="text/javascript" src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
  77. <script type="text/javascript" src="ads.js"></script>
  78. <script src="src/settings.js" charset="UTF-8"></script>
  79. <script type="text/javascript">
  80. var preloader;
  81. var adCompleteFlag = false;
  82. var resCompleteFlag = false;
  83. var adEndComplete = false;
  84. var resEndComplete = false;
  85. judgeLanTitle();
  86. function judgeLanTitle() {
  87. // console.log("window.navigator.language",window.navigator.language);
  88. if (window.navigator.language == "zh-CN" || window.navigator.language == "zh-cn") {
  89. document.title = "小游戏:合成大西瓜";
  90. } else if (window.navigator.language == "zh-TW") {
  91. document.title = "小遊戲:合成大西瓜";
  92. } else if (window.navigator.language == "zh-HK") {
  93. document.title = "小遊戲:合成大西瓜";
  94. } else if (window.navigator.language == "ko-KR") {
  95. document.title = "작은 놀이:큰 수박 을 합성 하 다";
  96. } else if (window.navigator.language == "ja-JP") {
  97. document.title = "ミニゲーム:合成スイカ";
  98. } else if (window.navigator.language == "th-TH") {
  99. document.title = "เกมเล็กๆ:แตงโมสังเคราะห์";
  100. } else {
  101. document.title = "Little game:Synthetic watermelon";
  102. }
  103. }
  104. var loadintT = document.getElementById("loadingText");
  105. var loadintGif = document.getElementById("loadingImg")
  106. setTimeout(function () {
  107. loadintGif.remove();
  108. loadintT.style.display = ""
  109. updateLabView(0.1);
  110. }, 1 * 1000)
  111. window.timer = null;
  112. window.tempSeconds = 1;
  113. window.loadData = {};
  114. loadData.completedCount = 0;
  115. loadData.totalCount = 0;
  116. onload();
  117. function onload() {
  118. var winHeight = document.documentElement.clientHeight;
  119. document.getElementById("canvasDiv").style.height = winHeight + "px";
  120. }
  121. window.onload = function () {
  122. document.getElementById("block-Box").style.display = "none";
  123. }
  124. function updateLabView(t) {
  125. if (timer != null) {
  126. clearInterval(timer);
  127. }
  128. timer = setInterval(function () {
  129. tempSeconds++;
  130. actualTotal();
  131. var loadintT = document.getElementById("loadingText")
  132. if (!loadintT) {
  133. return;
  134. }
  135. loadintT.innerHTML = 'loading......' + parseInt(tempSeconds) + '%';
  136. switch (tempSeconds) {
  137. case 20:
  138. updateLabView(0.2);
  139. break;
  140. case 40:
  141. updateLabView(0.3);
  142. break;
  143. case 60:
  144. updateLabView(0.4);
  145. break;
  146. case 96:
  147. updateLabView(5);
  148. break;
  149. case 97:
  150. updateLabView(10);
  151. break;
  152. case 98:
  153. updateLabView(50);
  154. break;
  155. case 99:
  156. updateLabView(100);
  157. break;
  158. default:
  159. if (tempSeconds >= 80 && tempSeconds < 96) {
  160. updateLabView(t + 0.1);
  161. }
  162. break;
  163. }
  164. if (tempSeconds > 100) {
  165. clearInterval(timer);
  166. tempSeconds = 100;
  167. loadintT.innerHTML = 'loading......' + parseInt(tempSeconds) + '%';
  168. }
  169. }, t * 1000);
  170. }
  171. function actualTotal() {
  172. var percent = parseInt(100 * loadData.completedCount / loadData.totalCount);
  173. if (percent > tempSeconds && loadData.totalCount > 1) {
  174. tempSeconds = percent;
  175. }
  176. }
  177. /*setTimeout("ShowBannerAD()","2000");*/
  178. </script>
  179. <script src="src/settings.js" charset="utf-8"></script>
  180. <script src="main.js" charset="utf-8"></script>
  181. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  182. <!-- 暴力扣篮 -->
  183. <!-- <ins class="adsbygoogle"
  184. style="position:absolute;border-top:5px #f0f0f1 solid;background:#f0f0f1;bottom:0px;z-index:1000;display:inline-block;min-width:320px;max-width:970px;width:100%;height:60px"
  185. data-ad-client="ca-pub-3932234672445376"
  186. data-ad-slot="7048809290"
  187. ></ins>
  188. <script>
  189. var ads = document.getElementsByClassName('adsbygoogle')[0];
  190. if (document.body.clientHeight > 700){
  191. ads.style.height = 80+'px';
  192. }else{
  193. ads.style.height = 60+'px';
  194. }
  195. </script>
  196. <script>
  197. function ShowBannerAD(){
  198. (adsbygoogle = window.adsbygoogle || []).push({});
  199. }
  200. </script> -->
  201. <script async data-ad-client="ca-pub-3932234672445376" data-ad-channel="7171445254" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  202. <script>
  203. window.adsbygoogle = window.adsbygoogle || [];
  204. const adBreak = function (o) {
  205. adsbygoogle.push(o);
  206. }
  207. </script>
  208. <script type="text/javascript">
  209. (function () {
  210. // open web debugger console
  211. if (typeof VConsole !== 'undefined') {
  212. window.vConsole = new VConsole();
  213. }
  214. var splash = document.getElementById('splash');
  215. splash.style.display = 'block';
  216. var cocos2d = document.createElement('script');
  217. cocos2d.async = true;
  218. cocos2d.src = window._CCSettings.debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js';
  219. var engineLoaded = function () {
  220. document.body.removeChild(cocos2d);
  221. cocos2d.removeEventListener('load', engineLoaded, false);
  222. window.boot();
  223. };
  224. cocos2d.addEventListener('load', engineLoaded, false);
  225. document.body.appendChild(cocos2d);
  226. })();
  227. </script>
  228. </body>
  229. </html>