index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>炫炫翅膀带我飞</title>
  6. <style>
  7. body,canvas,div{ -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  8. </style>
  9. <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0"/>
  10. <!---->
  11. </head>
  12. <body onload="StageManager.getInstance().initialize()">
  13. <div id="loadicon" style="position:absolute;" >
  14. <img style="display:table-cell;vertical-align:middle;text-align:center;overflow:hidden;width:34px;height:34px;" src="data:image/gif;base64,R0lGODlhIgAiALMJAN7e3s7OzpSUlISEhLW1taWlpXNzc2NjY8XFxQAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGMTdCMUZDNTA1ODExRTRCQTFERUNDODE0M0YxRDhBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGMTdCMUZENTA1ODExRTRCQTFERUNDODE0M0YxRDhBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUYxN0IxRkE1MDU4MTFFNEJBMURFQ0M4MTQzRjFEOEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUYxN0IxRkI1MDU4MTFFNEJBMURFQ0M4MTQzRjFEOEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr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"/>
  15. </div>
  16. <script src="lib/easeljs-0.7.1.min.js"></script>
  17. <script src="lib/tweenjs-0.5.1.min.js"></script>
  18. <script src="lib/preloadjs-0.4.1.min.js"></script>
  19. <script src="lib/LoaderManager.js"></script>
  20. <script src="src/StageManager.js"></script>
  21. <style>
  22. *{
  23. margin: 0;
  24. padding: 0;
  25. }
  26. </style>
  27. <script language="javascript">
  28. var App = {}
  29. App.TITLE ="炫炫翅膀来了,带你装酷带你飞!"
  30. App.DESC = "";
  31. var turl = "http://ttxd.qq.com/act/a20141028gamewx/"
  32. var icon = "http://ttxd.qq.com/act/a20141028game/icon.png"
  33. // if(typeof(pgvMain) == 'function') pgvMain();
  34. // function onBridgeReady() {
  35. // //转发朋友圈
  36. // WeixinJSBridge.on("menu:share:timeline", function(e) {
  37. // var url = turl;
  38. // var data = {
  39. // img_url: icon,
  40. // img_width: "120",
  41. // img_height: "120",
  42. // link: url,
  43. // //desc这个属性要加上,虽然不会显示,但是不加暂时会导致无法转发至朋友圈,
  44. // desc:App.DESC,
  45. // title:App.DESC
  46. // };
  47. // WeixinJSBridge.invoke("shareTimeline", data, function(res) {
  48. // WeixinJSBridge.log(res.err_msg)
  49. // pgvSendClick({hottag:"a20141028game.share.wx"})
  50. // });
  51. // });
  52. // //同步到微博
  53. // WeixinJSBridge.on("menu:share:weibo", function() {
  54. // var url = turl;
  55. // WeixinJSBridge.invoke("shareWeibo", {
  56. // "content": App.DESC,
  57. // "url": url
  58. // }, function(res) {
  59. // WeixinJSBridge.log(res.err_msg);
  60. // pgvSendClick({hottag:"a20141028game.share.wb"})
  61. // });
  62. // });
  63. // //分享给朋友
  64. // WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  65. // var url =turl
  66. // WeixinJSBridge.invoke("sendAppMessage", {
  67. // img_url: icon,
  68. // img_width: "120",
  69. // img_height: "120",
  70. // link: url,
  71. // desc:App.DESC,
  72. // title: App.TITLE
  73. // }, function(res) {
  74. // pgvSendClick({hottag:"a20141028game.share.appmessage"})
  75. // WeixinJSBridge.log(res.err_msg)
  76. // });
  77. // });
  78. // };
  79. function onButtonEvent(value)
  80. {
  81. //pgvSendClick({hottag:'a20140817map.index.img.begin_logo'});
  82. var PGVtype = "a20141028game.index";
  83. switch (value)
  84. {
  85. case "startgame":
  86. PGVtype= "a20141028game.game.startgame";
  87. break;
  88. case "sharewx":
  89. PGVtype= "a20141028game.game.sharewx";
  90. break;
  91. case "shareqq":
  92. PGVtype= "a20141028game.game.shareqq";
  93. break;
  94. case "shareqz":
  95. PGVtype= "a20141028game.game.shareqz";
  96. break;
  97. case "regame":
  98. PGVtype= "a20141028game.game.regame";
  99. case "ingame":
  100. PGVtype= "a20141028game.game.ingame";
  101. break;
  102. }
  103. // pgvSendClick({hottag:PGVtype})
  104. }
  105. // try{
  106. // document.addEventListener('WeixinJSBridgeReady', function() {
  107. // onBridgeReady();
  108. // });
  109. // }catch(e){}
  110. function setViewport()
  111. {
  112. var viewportMetas = {"target-densitydpi":"device-dpi","user-scalable": "no", "maximum-scale": "1.0", "initial-scale": "1.0"}, elems = document.getElementsByName("viewport"), vp, content;
  113. if (elems.length == 0) {
  114. vp =document.createElement("meta");
  115. vp.name = "viewport";
  116. vp.content = "";
  117. document.head.appendChild(vp);
  118. }
  119. else vp = elems[0];
  120. var win = window, nav = win.navigator
  121. var ua = nav.userAgent.toLowerCase();
  122. var isMobile = ua.indexOf('mobile') != -1 || ua.indexOf('android') != -1;
  123. if (isMobile) {
  124. vp.content = "initial-scale:1";
  125. return;
  126. }
  127. content = vp.content;
  128. for (var key in viewportMetas) {
  129. var pattern = new RegExp(key);
  130. if (!pattern.test(content)) {
  131. content += (content == "" ? "" : ",") + key + "=" + viewportMetas[key];
  132. }
  133. }
  134. vp.content = content;
  135. }
  136. setViewport();
  137. // function shareBoxToZone()
  138. // {
  139. // var url ="http://openmobile.qq.com/api/check2?page=qzshare.html&loginpage=loginindex.html&logintype=qzone" +
  140. // "&title="+App.TITLE +
  141. // "&summary=" +App.DESC+
  142. // "&url=" +turl+
  143. // "&desc=" +App.DESC+
  144. // "&imageUrl=" +icon+
  145. // "&site=" +App.TITLE+
  146. // "&successUrl=" +turl+
  147. // "&failUrl=" +turl+
  148. // "&callbackUrl=" +turl+
  149. // "&sid="
  150. // window.location.replace(url)
  151. // }
  152. // function shareBoxToQQFriend()
  153. // {
  154. // window.location.replace("http://openmobile.qq.com/oauth2.0/m_jump?page=shareindex.html" +
  155. // "&style=9&status_os=0&sdkp=0&_wv=1031&_bid=168&site="+App.TITLE +
  156. // "&summary="+App.DESC+"&title="+App.TITLE +
  157. // "&pagetitle="+App.TITLE +"&appid=101019894&sid=" +
  158. // "&imageUrl="+icon+"&targetUrl="+turl+"&page_url="+turl+"&nobar=1&name=&desc=&pre=1&appName="+App.TITLE +
  159. // "&preUrl="+turl+"&appCallback=")
  160. // }
  161. </script>
  162. <div style="width: 100%; height: 100%;">
  163. <canvas id="canvas" width="640" height="960" style="background-color:#191919"></canvas>
  164. </div>
  165. </body>
  166. </html><!--[if !IE]>|xGv00|f545d41813a111ff325b10cedb383f1b<![endif]-->