index.html 12 KB

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