index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <div id='wx_pic' style='margin:0 auto;display:none;'>
  5. <img src='photo.jpg' />
  6. </div>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta name="viewport"
  9. content="initial-scale=1 maximum-scale=1 user-scalable=0" />
  10. <meta name="mobile-web-app-capable" content="yes" />
  11. <meta name="msapplication-tap-highlight" content="no" />
  12. <meta name="application-name" content="Egg" />
  13. <meta name="apple-mobile-web-app-capable" content="yes" />
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  15. <title>新旦高飞</title>
  16. <script type="text/javascript">
  17. var _config = {}; _config['isSite'] = 'http://game.ikongzhong.cn/';_config["isCount"] = "http://game.ikongzhong.cn/";_config["isSites"] = "http://game.ikongzhong.cn/";
  18. var _con = {}; _con["num"] = 70;
  19. </script>
  20. <script type="text/javascript"
  21. src="js/jquery.min.js"></script>
  22. <style>
  23. html:-moz-full-screen {
  24. background: #000
  25. }
  26. html:-webkit-full-screen {
  27. background: #000
  28. }
  29. html:-ms-fullscreen {
  30. background-color: #000
  31. }
  32. html:fullscreen {
  33. background: #000
  34. }
  35. * {
  36. padding: 0;
  37. margin: 0;
  38. -webkit-touch-callout: none;
  39. -webkit-text-size-adjust: none;
  40. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  41. -webkit-user-select: none
  42. }
  43. body {
  44. background-color: #1d1d1d;
  45. color: #fff;
  46. font-size: 13px;
  47. font-family: 'Helvetica Neue', Helvetica, Arial, serif
  48. }
  49. #container {
  50. width: 320px;
  51. height: 460px;
  52. background-color: #000;
  53. margin: auto;
  54. display: block
  55. }
  56. #game_area {
  57. border: 0;
  58. background-color: #000;
  59. position: absolute;
  60. z-index: 1;
  61. display: none
  62. }
  63. #loader-container {
  64. background-color: #000;
  65. width: 320px;
  66. height: 460px;
  67. text-align: center;
  68. display: block;
  69. position: absolute;
  70. z-index: 2;
  71. overflow: hidden
  72. }
  73. #logo {
  74. height: 24px;
  75. display: block;
  76. margin: auto
  77. }
  78. #logo img {
  79. width: 96%;
  80. max-width: 272px
  81. }
  82. #loader-bar {
  83. width: 128px;
  84. height: 15px;
  85. display: block;
  86. margin: auto
  87. }
  88. #loader-bar img {
  89. width: 100%;
  90. max-width: 128px
  91. }
  92. .loader-text {
  93. font-size: 12px;
  94. padding-top: 10px;
  95. color: #9a9a9a;
  96. cursor: default;
  97. text-transform: uppercase
  98. }
  99. #loader-message-graphics,#loader-message-sfx {
  100. display: none
  101. }
  102. #loader-progress {
  103. display: block
  104. }
  105. #loader-complete {
  106. display: none
  107. }
  108. #loader-tap-to-play {
  109. cursor: pointer;
  110. padding-top: 10px;
  111. padding-bottom: 5px;
  112. background-color: #000;
  113. text-transform: uppercase;
  114. display: block;
  115. overflow: hidden
  116. }
  117. #loader-tap-to-play img {
  118. width: 90%;
  119. max-width: 190px
  120. }
  121. #rotate-device-instruction {
  122. position: fixed;
  123. z-index: 9999;
  124. left: 0;
  125. bottom: 0;
  126. width: 100%;
  127. text-align: center;
  128. display: none
  129. }
  130. input[type=checkbox] {
  131. visibility: hidden
  132. }
  133. #fullscreen-option {
  134. padding-top: 10px;
  135. color: #a3a3a3;
  136. background-color: #000;
  137. width: 130px;
  138. display: block;
  139. margin: auto
  140. }
  141. .squaredThree {
  142. width: 20px;
  143. position: relative;
  144. line-height: 21px
  145. }
  146. .squaredThree label {
  147. cursor: pointer;
  148. position: absolute;
  149. width: 20px;
  150. height: 20px;
  151. top: 0;
  152. border-radius: 4px;
  153. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0
  154. rgba(255, 255, 255, .4);
  155. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0
  156. rgba(255, 255, 255, .4);
  157. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0
  158. rgba(255, 255, 255, .4);
  159. background: -webkit-linear-gradient(top, #222 0, #45484d 100%);
  160. background: -moz-linear-gradient(top, #222 0, #45484d 100%);
  161. background: -o-linear-gradient(top, #222 0, #45484d 100%);
  162. background: -ms-linear-gradient(top, #222 0, #45484d 100%);
  163. background: linear-gradient(top, #222 0, #45484d 100%);
  164. filter: progid : DXImageTransform . Microsoft .
  165. gradient(startColorstr = '#222', endColorstr = '#45484d', GradientType =
  166. 0)
  167. }
  168. .squaredThree label:after {
  169. -ms-filter: "alpha(opacity=0)";
  170. filter: alpha(opacity = 0);
  171. opacity: 0;
  172. content: '';
  173. position: absolute;
  174. width: 9px;
  175. height: 5px;
  176. background: transparent;
  177. top: 4px;
  178. left: 4px;
  179. border: 3px solid #fcfff4;
  180. border-top: 0;
  181. border-right: 0;
  182. -webkit-transform: rotate(-45deg);
  183. -moz-transform: rotate(-45deg);
  184. -o-transform: rotate(-45deg);
  185. -ms-transform: rotate(-45deg);
  186. transform: rotate(-45deg)
  187. }
  188. .squaredThree label:hover ::after {
  189. -ms-filter: "alpha(opacity=30)";
  190. filter: alpha(opacity = 30);
  191. opacity: .3
  192. }
  193. .squaredThree input[type=checkbox]:checked+label:after {
  194. -ms-filter: "alpha(opacity=100)";
  195. filter: alpha(opacity = 100);
  196. opacity: 1
  197. }
  198. .small-text {
  199. font-size: 10px;
  200. color: #5e5e5e;
  201. text-transform: lowercase
  202. }
  203. .bt-animation {
  204. -webkit-transition: all 200ms;
  205. -moz-transition: all 200ms;
  206. -ms-transition: all 200ms;
  207. -o-transition: all 200ms;
  208. transition: all 200ms
  209. }
  210. .bt-advertisement,.bt-h-scrren,.bt-v-scrren,.bt-play-logo-adv,.bt-play-share-tip
  211. {
  212. position: absolute;
  213. top: 0;
  214. left: 0;
  215. z-index: 6000;
  216. width: 100%;
  217. height: 100%;
  218. text-align: center;
  219. font-size: 16px;
  220. color: #fff
  221. }
  222. #bt-play-logo-adv {
  223. z-index: 9001
  224. }
  225. #bt-play-logo-adv-lock {
  226. z-index: 9000
  227. }
  228. .bt-play-share-tip {
  229. text-align: right
  230. }
  231. .bt-play-share-tip-img {
  232. margin: 10px 2% 0 0;
  233. width: 60%;
  234. max-width: 180px
  235. }
  236. .bt-h-scrren,.bt-v-scrren {
  237. background: #fff
  238. }
  239. .bt-h-scrren table,.bt-h-scrren tr,.bt-h-scrren td,.bt-v-scrren table,.bt-v-scrren tr,.bt-v-scrren td
  240. {
  241. width: 100%;
  242. height: 100%;
  243. padding: 0;
  244. margin: 0
  245. }
  246. .bt-h-screen-img,.bt-v-screen-img {
  247. margin: 10px 1%;
  248. max-width: 98%
  249. }
  250. .bt-lock-screen {
  251. position: absolute;
  252. top: 0;
  253. left: 0;
  254. z-index: 5000;
  255. width: 100%;
  256. height: 100%;
  257. opacity: 0.4;
  258. background: #000
  259. }
  260. #bt-hide-lock {
  261. z-index: -1
  262. }
  263. .bt-game-loading {
  264. position: fixed;
  265. position: absolute;
  266. top: 0;
  267. left: 0;
  268. width: 100%;
  269. height: 100%;
  270. font-size: 1.6rem;
  271. text-align: center;
  272. color: gray;
  273. background: #fff
  274. }
  275. .bt-game-loading table,.bt-game-loading tr,.bt-game-loading td {
  276. height: 100%;
  277. width: 100%;
  278. padding: 0;
  279. margin: 0
  280. }
  281. .bt-game-loading.bt-img {
  282. width: 452px;
  283. max-width: 70%
  284. }
  285. .bt-game-loading.bt-text {
  286. padding-top: 30px
  287. }
  288. .bt-hide {
  289. overflow: hidden !important;
  290. width: 0 !important;
  291. height: 0 !important;
  292. opacity: 0 !important;
  293. margin: 0 !important;
  294. padding: 0 !important
  295. }
  296. #share-wx {
  297. background: rgba(0, 0, 0, 0.8);
  298. position: absolute;
  299. top: 0px;
  300. left: 0px;
  301. width: 100%;
  302. height: 100%;
  303. z-index: 10000;
  304. display: none;
  305. }
  306. #wx-qr {
  307. background: rgba(0, 0, 0, 0.8);
  308. position: absolute;
  309. top: 0px;
  310. left: 0px;
  311. width: 100%;
  312. height: 100%;
  313. z-index: 10000;
  314. display: none;
  315. }
  316. .lis {
  317. overflow: hidden;
  318. width: 100%;
  319. z-index: 99999;
  320. position: absolute;
  321. top: 0;
  322. }
  323. .lis a {
  324. display: block;
  325. width: 99.9%;
  326. color: #ffffff;
  327. font-size: 14px;
  328. text-decoration: none;
  329. background: #606783;
  330. text-align: center;
  331. opacity: 0.5;
  332. line-height: 30px;
  333. font-weight: bold;
  334. font-family: "微软雅黑"
  335. }
  336. .lis a img {
  337. position: relative;
  338. top: 1px;
  339. }
  340. </style>
  341. <script type="text/javascript"
  342. src="js/70/zepto.min.js"></script>
  343. <script src="js/70/common.js"></script>
  344. </head>
  345. <body bgcolor="black">
  346. <div id="container">
  347. <div id="loader-container">
  348. <div style="width: 100px; height: 50px; display: block;"></div>
  349. <div id="logo">
  350. </div>
  351. <div style="width: 100px; height: 20px; display: block;"></div>
  352. <div id="loader-progress">
  353. <div id="loader-bar">
  354. <img src="vapp/70/loader.gif"/>
  355. </div>
  356. <div id="loader-message" class="loader-text">
  357. Loading (1/3)
  358. <br/>
  359. <span class="small-text">[加载资源中...]</span>
  360. </div>
  361. <div id="loader-message-graphics" class="loader-text">
  362. Loading (2/3)
  363. <br/>
  364. <span class="small-text">[加载资源中...]</span>
  365. </div>
  366. <div id="loader-message-sfx" class="loader-text">
  367. Loading (3/3)
  368. <br/>
  369. <span class="small-text">[加载资源中...]</span>
  370. </div>
  371. </div>
  372. <div id="loader-complete">
  373. <div id="loader-tap-to-play">
  374. <img src="vapp/70/tap_to_play.png" width="190"
  375. height="34"/>
  376. </div>
  377. <div id="fullscreen-option">
  378. <div class="squaredThree">
  379. <input type="checkbox" value="None" id="fullscreen-opt"
  380. name="check" checked />
  381. <label for="fullscreen-opt">
  382. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fullscreen
  383. </label>
  384. </div>
  385. </div>
  386. </div>
  387. </div>
  388. <canvas id="game_area" moz-opaque></canvas>
  389. </div>
  390. <div id="rotate-device-instruction">
  391. <img src="vapp/70/rotate_device_info.png"
  392. alt="Rotate your device to Landscape for better experience."/>
  393. </div>
  394. <input id="bt-game-id" type="hidden" value="egglabrat"/>
  395. <script src="js/70/pixi.js"
  396. type="text/javascript"></script>
  397. <script src="js/70/tween.min.js"
  398. type="text/javascript"></script>
  399. <script src="js/70/md5.js" type="text/javascript"></script>
  400. <script src="js/70/howler.min.js"
  401. type="text/javascript"></script>
  402. <script src="js/70/init.js"
  403. type="text/javascript"></script>
  404. <script src="js/70/main.js"
  405. type="text/javascript"></script>
  406. <script language=javascript>
  407. var mebtnopenurl = 'http://game.ikongzhong.cn';
  408. window.shareData = {
  409. "imgUrl": "http://game.ikongzhong.cn/icon/rjd.png",
  410. "timeLineLink": "http://game.ikongzhong.cn/games/rjd/",
  411. "tTitle": "抛鸡蛋-空中传媒",
  412. "tContent": "抛鸡蛋-空中传媒"
  413. };
  414. function goHome(){
  415. window.location=mebtnopenurl;
  416. }
  417. function clickMore(){
  418. if((window.location+"").indexOf("zf",1)>0){
  419. window.location = "http://game.ikongzhong.cn";
  420. }
  421. else{
  422. goHome();
  423. }
  424. }
  425. function dp_share(){
  426. document.title ="我的蛋旦飞到了"+myData.score+"米高空!要不要来试试!!";
  427. document.getElementById("share").style.display="";
  428. window.shareData.tTitle = document.title;
  429. }
  430. function dp_Ranking(){
  431. window.location=mebtnopenurl;
  432. }
  433. function showAd(){
  434. }
  435. function hideAd(){
  436. }
  437. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  438. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  439. WeixinJSBridge.invoke('sendAppMessage', {
  440. "img_url": window.shareData.imgUrl,
  441. "link": window.shareData.timeLineLink,
  442. "desc": window.shareData.tContent,
  443. "title": window.shareData.tTitle
  444. }, onShareComplete);
  445. });
  446. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  447. WeixinJSBridge.invoke('shareTimeline', {
  448. "img_url": window.shareData.imgUrl,
  449. "img_width": "640",
  450. "img_height": "640",
  451. "link": window.shareData.timeLineLink,
  452. "desc": window.shareData.tContent,
  453. "title": window.shareData.tTitle
  454. }, onShareComplete);
  455. });
  456. }, false);
  457. </script>
  458. <div id=share style="display: none">
  459. <img width=100% src="share.png"
  460. style="position: fixed; z-index: 9999; top: 0; left: 0; display: "
  461. ontouchstart="document.getElementById('share').style.display='none';" />
  462. </div>
  463. <div style="display: none;">
  464. <script type="text/javascript">
  465. var myData = { gameid: "rjd" };
  466. //window.shareData.timeLineLink = "http://game.ikongzhong.cn/gamecenter.html?gameid=" + myData.gameid + (localStorage.myuid ? "&uid=" + localStorage.myuid : "");
  467. function dp_submitScore(score){
  468. myData.score = score;
  469. myData.scoreName = "拯救了"+score+"颗蛋";
  470. if(score>0){
  471. if (confirm("好厉害!你的蛋旦飞到了"+score+"米高空!!快去分享给好友炫耀吧")){
  472. dp_share();
  473. }
  474. }
  475. }
  476. function onShareComplete(res) {
  477. if (localStorage.myuid && myData.score != undefined) {
  478. setTimeout(function(){
  479. if (confirm("要将成绩提交到游戏排行榜吗?")) {
  480. window.location = "http://game.ikongzhong.cn/games/rjd/index.html" + myData.gameid + "&uid=" + localStorage.myuid + "&score=" + myData.score + "&scorename=" + encodeURIComponent(myData.scoreName);
  481. }
  482. else {
  483. document.location.href = mebtnopenurl;
  484. }
  485. }, 500);
  486. }
  487. else {
  488. document.location.href = mebtnopenurl;
  489. }
  490. }
  491. </script>
  492. <div style="display: none;">
  493. </div>
  494. </body>
  495. </html>