br24680land.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Slots Ouro</title>
  6. <!--http://www.html5rocks.com/en/mobile/mobifying/-->
  7. <meta name="viewport"
  8. content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
  9. <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  12. <meta name="format-detection" content="telephone=no">
  13. <!-- force webkit on 360 -->
  14. <meta name="renderer" content="webkit"/>
  15. <meta name="force-rendering" content="webkit"/>
  16. <!-- force edge on IE -->
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  18. <meta name="msapplication-tap-highlight" content="no">
  19. <!-- force full screen on some browser -->
  20. <meta name="full-screen" content="yes"/>
  21. <meta name="x5-fullscreen" content="true"/>
  22. <meta name="360-fullscreen" content="true"/>
  23. <!-- force screen orientation on some browser -->
  24. <meta name="screen-orientation" content="landscape"/>
  25. <meta name="x5-orientation" content="landscape">
  26. <meta name="x5-page-mode" content="app">
  27. {{-- <script src="https://js.sentry-cdn.com/c23696b7dfeaa437a074140b8cb75021.min.js"></script>--}}
  28. <script type="text/javascript">
  29. window._item=@json($server);
  30. window._uinfo=@json($userData);
  31. window._old_obj='@json($loginData)';
  32. window._gameid={{$server['KindID']}}
  33. window.DOLLAR='{{$Dollar}}';
  34. window._lang='{{$clientLang}}';
  35. window.cdn_path="https://cdn.moeda777.com/game/land/";
  36. window._pt=function (t) {
  37. if(t.indexOf("http")===-1){
  38. t=window.cdn_path+t;
  39. }
  40. return t;
  41. }
  42. window.onBack=function(){
  43. parent.postMessage({cmd:"back"},"*")
  44. }
  45. window.onPay=function(){
  46. parent.postMessage({cmd:"pay"},"*")
  47. }
  48. window.disableLoader=true;
  49. var html = document.documentElement;
  50. html.style.fontSize = html.getBoundingClientRect().width / 10 + 'px';
  51. </script>
  52. <link rel="stylesheet" type="text/css" id="css" href="https://cdn.moeda777.com/game/land/style-mobile.25fc5.css"/>
  53. <style>
  54. #splash {
  55. position: absolute;
  56. top: 0;
  57. left: 0;
  58. width: 100%;
  59. height: 100%;
  60. background: #171717 url(https://cdn.moeda777.com/24680/assets/loading/loading_{{$lang}}.jpg) no-repeat center;
  61. background-size: 100%;
  62. }
  63. .progress-indicator {
  64. top: 0.121rem;
  65. margin-left: 0.2rem;
  66. height: 0.4rem;
  67. border-radius: 0.4rem;
  68. width: 0%;
  69. background-image: linear-gradient(180deg, #FCD7A1 0%, #B25922 100%);
  70. position: absolute;
  71. }
  72. #app{
  73. position: fixed;
  74. width: 10rem;
  75. height: 100%;
  76. left: 50%;
  77. transform: translate3d(-50%, 0, 0);
  78. -webkit-transform: translate3d(-50%, 0, 0);
  79. overflow-x: hidden;
  80. overflow-y: scroll;
  81. }
  82. </style>
  83. </head>
  84. <body style="background-color: {{$loading_color}}; ">
  85. <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0" ></canvas>
  86. <div id="app" style="width: 10rem; ">
  87. <div style="position: fixed; top: 0px; left: 0px; width: 10rem; height: 100vh; z-index: 99999; overflow: hidden; background: {{$loading_color}};">
  88. <img id="loading_bg" src="//cdn.moeda777.com/24680/assets/loading/loading_bg_{{$loading_rand}}.jpg" alt="" style="position: absolute; top: 0px; left: 0px; width: 10rem;">
  89. <img src="//cdn.moeda777.com/24680/assets/loading/{{$lang}}/act_{{$act_rand}}.png" style="position: absolute;margin-left:-5rem; top: 0; width: 10rem; height: 5rem;">
  90. <img src="//cdn.moeda777.com/24680/assets/loading/loading_dot_bg.png" style="position: absolute;margin-left:-5rem; bottom: 1rem; width: 10rem; height: 4.44rem;">
  91. <div style="position: absolute; bottom: 2.7rem; width: 6.66rem; height: 0.8325rem; left: 50%; margin-left: -3.33rem;">
  92. <img src="//cdn.moeda777.com/24680/assets/loading/loading_bg.png" style="width: 100%; height: 100%;">
  93. <div class="progress-indicator" style="width: 0.2rem;">
  94. <span id="loading_txt" style="position: absolute; top: 0px; left: 0.2rem; height: 0.4rem; line-height: 0.4rem; color: rgb(255, 235, 191); font-size: 0.25rem;">Loading...</span>
  95. <img src="//cdn.moeda777.com/24680/assets/loading/loading_flash2.png" style="position: absolute; right: -0.4rem; top: -0.2rem; width: 1rem; height: 0.8rem;">
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <script type="text/javascript">
  101. const dom = document.getElementById('loading_bg');
  102. // onload监听,判断图片是否加载完成
  103. parent.postMessage({cmd:"closeLoading"},"*")
  104. dom.onload = function() {
  105. }
  106. </script>
  107. <script src="https://cdn.moeda777.com/game/land/src/settings.23831.js" charset="utf-8"></script>
  108. <script src="https://cdn.moeda777.com/game/land/main.07d0e.js" charset="utf-8"></script>
  109. <script type="text/javascript">
  110. var html = document.documentElement;
  111. function _onWindowResize() {
  112. var rect=html.getBoundingClientRect();
  113. html.style.fontSize = rect.width / 10 + 'px';
  114. const dpr = window.devicePixelRatio || 1
  115. var c2d = document.getElementById('Cocos2dGameContainer');
  116. if(c2d) {
  117. c2d.style.width = "100vw"
  118. c2d.style.height = "100vh"
  119. }
  120. var canvas = document.getElementById('GameCanvas');
  121. console.log(canvas.clientWidth,canvas.clientHeight,dpr)
  122. if(canvas) {
  123. canvas.style.width = "100vw"
  124. canvas.style.height = "100vh"
  125. canvas.width=canvas.clientWidth*dpr
  126. canvas.height=canvas.clientHeight*dpr
  127. }
  128. }
  129. window.addEventListener('resize', _onWindowResize);
  130. _onWindowResize();
  131. var splash = document.getElementById('app');
  132. var loading_txt = document.getElementById('loading_txt');
  133. var progressBar = splash.querySelector('.progress-indicator');
  134. splash.style.display = 'block';
  135. progressBar.style.width =(0.15*6.26)+'rem';
  136. window.reportProgress=function(percent){
  137. // console.log(percent)
  138. if(percent>=1){
  139. setTimeout(function (){
  140. splash.style.display = 'none';
  141. },2000)
  142. }
  143. if(percent<0.7){
  144. percent=percent/0.7*0.3;
  145. }else{
  146. percent=0.3+(percent-0.7)/0.3*0.7;
  147. }
  148. percent = 0.2+0.8 * percent;
  149. // console.log(percent)
  150. loading_txt.innerText="Loading..."+(percent*100).toFixed(1)+"%"
  151. percent*=6.26
  152. if (progressBar) {
  153. progressBar.style.width = percent.toFixed(2) + 'rem';
  154. }
  155. }
  156. window.boot = function () {
  157. var settings = window._CCSettings;
  158. window._CCSettings = undefined;
  159. var onProgress = null;
  160. var RESOURCES = cc.AssetManager.BuiltinBundleName.RESOURCES;
  161. var INTERNAL = cc.AssetManager.BuiltinBundleName.INTERNAL;
  162. var MAIN = cc.AssetManager.BuiltinBundleName.MAIN;
  163. function setLoadingDisplay () {
  164. // Loading splash scene
  165. onProgress = function (finish, total) {
  166. var percent = (0.15+0.05 * finish / total) * 6.26;
  167. if (progressBar) {
  168. progressBar.style.width = percent.toFixed(2) + 'rem';
  169. }
  170. };
  171. //cc.director.once(cc.Director.EVENT_AFTER_SCENE_LAUNCH, function () {
  172. // splash.style.display = 'none';
  173. //});
  174. }
  175. var onStart = function () {
  176. cc.view.enableRetina(true);
  177. cc.view.resizeWithBrowserSize(true);
  178. if (cc.sys.isBrowser) {
  179. setLoadingDisplay();
  180. }
  181. if (cc.sys.isMobile) {
  182. if (settings.orientation === 'landscape') {
  183. cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);
  184. }
  185. else if (settings.orientation === 'portrait') {
  186. cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT);
  187. }
  188. }
  189. cc.view.enableAutoFullScreen(false);
  190. // Limit downloading max concurrent task to 2,
  191. // more tasks simultaneously may cause performance draw back on some android system / browsers.
  192. // You can adjust the number based on your own test result, you have to set it before any loading process to take effect.
  193. // if (cc.sys.isBrowser && cc.sys.os === cc.sys.OS_ANDROID) {
  194. // cc.assetManager.downloader.maxConcurrency = 4;
  195. // cc.assetManager.downloader.maxRequestsPerFrame = 4;
  196. // }
  197. cc.assetManager.downloader.maxConcurrency = 20;
  198. cc.assetManager.downloader.maxRequestsPerFrame = 20;
  199. var launchScene = settings.launchScene;
  200. var bundle = cc.assetManager.bundles.find(function (b) {
  201. return b.getSceneInfo(launchScene);
  202. });
  203. bundle.loadScene(launchScene, null, onProgress,
  204. function (err, scene) {
  205. if (!err) {
  206. cc.director.runSceneImmediate(scene);
  207. if (cc.sys.isBrowser) {
  208. // show canvas
  209. var canvas = document.getElementById('GameCanvas');
  210. canvas.style.visibility = '';
  211. var div = document.getElementById('GameDiv');
  212. if (div) {
  213. div.style.backgroundImage = '';
  214. }
  215. console.log('Success to load scene: ' + launchScene);
  216. }
  217. }
  218. }
  219. );
  220. };
  221. var option = {
  222. id: 'GameCanvas',
  223. debugMode: settings.debug ? cc.debug.DebugMode.INFO : cc.debug.DebugMode.ERROR,
  224. showFPS: settings.debug,
  225. frameRate: 60,
  226. groupList: settings.groupList,
  227. collisionMatrix: settings.collisionMatrix,
  228. };
  229. cc.assetManager.init({
  230. bundleVers: settings.bundleVers,
  231. remoteBundles: settings.remoteBundles,
  232. server: settings.server
  233. });
  234. var bundleRoot = [INTERNAL];
  235. settings.hasResourcesBundle && bundleRoot.push(RESOURCES);
  236. var count = 0;
  237. function cb (err) {
  238. if (err) return console.error(err.message, err.stack);
  239. count++;
  240. if (count === bundleRoot.length + 1) {
  241. cc.assetManager.loadBundle(MAIN, function (err) {
  242. if (!err) cc.game.run(option, onStart);
  243. });
  244. }
  245. }
  246. cc.assetManager.loadScript(settings.jsList.map(function (x) { return 'src/' + x;}), cb);
  247. for (var i = 0; i < bundleRoot.length; i++) {
  248. cc.assetManager.loadBundle(bundleRoot[i], cb);
  249. }
  250. };
  251. (function () {
  252. // open web debugger console
  253. if (typeof VConsole !== 'undefined') {
  254. window.vConsole = new VConsole();
  255. }
  256. var debug = window._CCSettings.debug;
  257. // var splash = document.getElementById('splash');
  258. // splash.style.display = 'block';
  259. function loadScript (moduleName, cb) {
  260. function scriptLoaded () {
  261. document.body.removeChild(domScript);
  262. domScript.removeEventListener('load', scriptLoaded, false);
  263. cb && cb();
  264. };
  265. var domScript = document.createElement('script');
  266. domScript.async = true;
  267. domScript.src = moduleName;
  268. domScript.addEventListener('load', scriptLoaded, false);
  269. document.body.appendChild(domScript);
  270. }
  271. loadScript(debug ? 'cocos2d-js.js' : 'https://cdn.moeda777.com/client/por/cocos2d-js-min.85909.js', function () {
  272. if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) {
  273. loadScript(debug ? 'physics.js' : 'https://cdn.moeda777.com/client/por/physics-min.ad9a7.js', window.boot);
  274. }
  275. else {
  276. window.boot();
  277. }
  278. cc.view.enableAutoFullScreen(false)
  279. cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE)
  280. });
  281. })();
  282. </script>
  283. </body>
  284. </html>