index.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <title>切水果</title>
  7. <!-- Allow fullscreen mode on iOS devices. (These are Apple specific meta tags.) -->
  8. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, target-densitydpi=device-dpi" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <meta name="HandheldFriendly" content="true" />
  12. <link type="text/css" href='./assets/softgames.css' rel="stylesheet">
  13. <script type="text/javascript">
  14. window.gameLangs = ['en', 'es'];
  15. window.gameJS = ['js/jquery-2.0.0.min.js', 'js/c2runtime.js'];
  16. window.gameOnLoadScript = "startCutting();";
  17. // updateShare(0);
  18. </script>
  19. <script type="text/javascript" src='./assets/softgames-1.1.js'></script>
  20. <script type="text/javascript" src='./assets/sg.hooks.js'></script>
  21. <!--Analytics-->
  22. </head>
  23. <body>
  24. <style type="text/css">
  25. * {
  26. padding: 0;
  27. margin: 0;
  28. }
  29. body {
  30. background: #000;
  31. color: #fff;
  32. overflow: hidden;
  33. -ms-touch-action: none;
  34. }
  35. canvas {
  36. -ms-touch-action: none;
  37. max-width:100%;
  38. max-height:100%;
  39. }
  40. #rotation {
  41. position: absolute;
  42. top: 50%;
  43. left: 50%;
  44. margin-left: -64px;
  45. margin-top: -64px;
  46. }
  47. </style>
  48. <div id="fb-root"></div>
  49. <img id="rotation" src="images/rotate.png" />
  50. <!-- The canvas must be inside a div called c2canvasdiv -->
  51. <div id="c2canvasdiv">
  52. <!-- The canvas the project will render to. If you change its ID, don't forget to change the
  53. ID the runtime looks for in the jQuery events above (ready() and cr_sizeCanvas()). -->
  54. <canvas id="c2canvas" width="320" height="480">
  55. <!-- This text is displayed if the visitor's browser does not support HTML5.
  56. You can change it, but it is a good idea to link to a description of a browser
  57. and provide some links to download some popular HTML5-compatible browsers. -->
  58. <h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org">What is a browser?</a>
  59. <br/><br/><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br/>
  60. <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br/>
  61. <a href="http://www.google.com/chrome/">Google Chrome</a><br/>
  62. <a href="http://www.apple.com/safari/download/">Apple Safari</a><br/>
  63. <a href="http://www.google.com/chromeframe">Google Chrome Frame for Internet Explorer</a><br/></h1>
  64. </canvas>
  65. </div>
  66. <script>
  67. document.getElementById("c2canvasdiv").addEventListener("touchmove",function(e){
  68. e.preventDefault()
  69. },false);
  70. </script>
  71. </body>
  72. </html>