index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8. <meta name="oupengmobile" content="fullscreen,portrait,game">
  9. <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" />
  10. <link rel="apple-touch-startup-image" href="startup.png">
  11. <script src="js/jsgamemin.js"></script>
  12. <script src="js/touchmin.js"></script>
  13. <script src="js/game.min.js"></script>
  14. <title>让屋子飞</title>
  15. <style>
  16. body{margin:0px; background-color:#434243; color:#6A6A6A;}
  17. .bandiv{float:left; width:100%; background-color:#DBD1BB;}
  18. .bandiv div{padding:10px; text-align:left;}
  19. #tips {
  20. display: none;
  21. position: absolute;
  22. width: 45%;
  23. height: auto;
  24. top: 3.5%;
  25. left: 27%;
  26. }
  27. #tips span{
  28. font-family: '微软雅黑';
  29. font-size: 1.5em;
  30. }
  31. </style>
  32. <!--Analytics-->
  33. </head>
  34. <body onload="main();">
  35. <div style="text-align:center; background: black; overflow: hidden;">
  36. <div id="tips"><span>点击暂停提交成绩</span></div>
  37. <canvas id="jsGameScreen">
  38. <div class="bandiv" style="font-size:0px; height:2px; margin:2px 0px 2px 0px;"></div>
  39. <div class="bandiv">
  40. <div style="text-align:center;">
  41. 游戏规则
  42. </div>
  43. </div>
  44. <div class="bandiv" style="font-size:0px; height:2px; margin:2px 0px 5px 0px;"></div>
  45. <div class="bandiv">
  46. <div>
  47. 游戏操作:点击炸弹,金币,气球,可以触发炸弹爆炸,收集金币和绑上气球。按住房子可以拖动。划屏出现保护。<br />
  48. 游戏规则:绑上气球,屋子升高。引爆炸弹,可以收集金币。最后积分是房子高度和金币的总和。
  49. </div>
  50. </div>
  51. </canvas>
  52. </div>
  53. </body>
  54. </html>