index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <title>疯狂猜图</title>
  10. <meta name="description" content="好玩的看图猜词游戏,知识面大考验,脑力激荡~">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
  12. <meta name="apple-mobile-web-app-capable" content="yes">
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  14. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  15. <link rel="stylesheet" href="css/animate.min.css">
  16. <link rel="stylesheet" href="css/normalize.css">
  17. <link href="css/ui.progress-bar.css" rel="stylesheet" type="text/css" />
  18. <link rel="stylesheet" href="css/main.css">
  19. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  20. <script src="js/vendor/modernizr-2.6.2.min.js"></script>
  21. <script>
  22. var isLoadFromCookie;
  23. var myFlag
  24. var myAnswer;
  25. function on_wx_share_succ(){
  26. if(myFlag)
  27. alert(myAnswer[Math.floor((Math.random()*myAnswer.length))]);
  28. }
  29. </script>
  30. <script>
  31. (function (){
  32. //updateShare(0);
  33. })();
  34. var qikeContentPreSet = {
  35. shareContent:{
  36. 'imgUrl': 'http://www.play68.com/resources/images/icons/fkct.png',
  37. 'link': window.location.href,
  38. 'desc': '疯狂猜图',
  39. 'title': '空中传媒网络科技游戏平台,最好玩的微信游戏平台'
  40. },
  41. endShareContentTitle: '我在疯狂猜图游戏里面大杀四方',
  42. endShareContentPreFix: '哈哈哈,我在游戏里面玩到了第', // 结束分享内容前缀
  43. endShareContentSuffix: '关,快来挑战我吧!!!' // 结束分享内容后缀
  44. };
  45. </script>
  46. </head>
  47. <body onload="init();" ontouchstart="" >
  48. <!-- Add your site or application content here -->
  49. <div id="page-start" class="page current-page" >
  50. <div class="header-container">
  51. <header class="wrapper clearfix">
  52. <a class="btn btn-info btn-left btn-hide" href="">返回</a>
  53. <h1 class="title">疯狂猜图</h1>
  54. <!-- <a class="btn btn-info btn-openHelpPannel"><i class="icon-more icon"></i></a> -->
  55. </header>
  56. </div>
  57. <div class="main-container">
  58. <div class="main wrapper clearfix">
  59. <article>
  60. <div id="start-icon" style="background:url(./img/icon-512.png)">
  61. <div id="start-level">
  62. 0
  63. </div>
  64. </div>
  65. </article>
  66. <aside class="loading">
  67. <a id="start-btnPlay" class="btn btn-success btn-big">
  68. Play
  69. </a>
  70. </aside>
  71. </div> <!-- #main -->
  72. </div>
  73. <div class="footer-container">
  74. <footer class="wrapper">
  75. </footer>
  76. </div>
  77. </div><!-- #page-start -->
  78. <div id="page-play" class="page none">
  79. <div class="header-container">
  80. <header class="wrapper clearfix">
  81. <a class="btn btn-info btn-left btn-hide" href="">返回</a>
  82. <a id="play-level">
  83. 0
  84. </a>
  85. <a class="btn btn-info btn-openHelpPannel" style="background:Black;color:white " onclick="share()">分享有提示</a>
  86. </header>
  87. </div>
  88. <div class="main-container">
  89. <div class="main wrapper clearfix">
  90. <div id="questions">
  91. </div>
  92. </div> <!-- #main -->
  93. </div>
  94. <div id="play-success">
  95. <div class="main wrapper clearfix">
  96. <section id="play-success-title">答案正确</section>
  97. <section id="play-success-level">0</section>
  98. <section id="play-success-answer"></section>
  99. <section id="play-success-action">
  100. <a id="play-success-share" class="btn btn-info btn-openHelpPannel " onClick="javascript:share();"><i class="icon-more icon"></i> 别点我!</a>
  101. <a id="play-success-next" class="btn btn-success">下一题</a>
  102. </section>
  103. </div>
  104. </div>
  105. </div><!-- #page-play -->
  106. <div id="page-preload" class="page none">
  107. <div class="header-container">
  108. <header class="wrapper clearfix">
  109. <h1 class="title">疯狂猜图</h1>
  110. </header>
  111. </div>
  112. <div class="main-container">
  113. <div class="main wrapper clearfix">
  114. <div id="progress_bar_container">
  115. <div id="progress_bar" class="ui-progress-bar ui-container">
  116. <div class="ui-progress" style="display:none;">
  117. <span class="ui-label" style="display:none;">Processing <b class="value"></b></span>
  118. </div><!-- .ui-progress -->
  119. </div><!-- #progress_bar -->
  120. </div>
  121. <div id="preload-ad">
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div id="page-finish" class="page none">
  127. <div class="header-container">
  128. <header class="wrapper clearfix">
  129. <a class="btn btn-info btn-left btn-hide" href="">返回</a>
  130. <h1 class="title">疯狂猜图</h1>
  131. </header>
  132. </div>
  133. <div class="main-container">
  134. <div class="main wrapper clearfix">
  135. <article>
  136. <div id="start-icon">
  137. </div>
  138. </article>
  139. <aside>
  140. <h3>恭喜你!答完了!</h3>
  141. <h3>未完待续,敬请期待第二部!</h3>
  142. <p><a href="">更多游戏</a></p>
  143. <hr />
  144. </aside>
  145. </div>
  146. </div>
  147. </div>
  148. <div id="pannel-overlay" class="none">
  149. <div id="pannel-help" class="pannel">
  150. <h4>分享“疯狂猜图"!</h4>
  151. <div class="weixin none">点击右上方的<img src="img/weixin-share.jpg" width="50px" height="27px" alt="分享按钮">,或者</div>
  152. <div><a class="btn btnCopyUrl"><i class="icon-url icon"></i>分享</a></div>
  153. </div>
  154. </div>
  155. <script src="js/vendor/jquery-1.9.1.min.js"></script>
  156. <script src="js/vendor/mustache.js" type="text/javascript"></script>
  157. <script src="js/vendor/webtoolkit.sprintf.js" type="text/javascript"></script>
  158. <script src="js/vendor/preloadjs-0.3.1.min.js"></script>
  159. <script src="js/Util.js" type="text/javascript"></script>
  160. <script src="js/plugins.js"></script>
  161. <script src="js/ptwUI.js" type="text/javascript"></script>
  162. <script src="js/State.js" type="text/javascript"></script>
  163. <script src="js/Question.js" type="text/javascript"></script>
  164. <script src="js/PreloadState.js" type="text/javascript"></script>
  165. <script src="js/MenuState.js" type="text/javascript"></script>
  166. <script src="js/InGameState.js" type="text/javascript"></script>
  167. <script src="js/FinishState.js" type="text/javascript"></script>
  168. <script src="js/Controller.js" type="text/javascript"></script>
  169. <script>
  170. var controller;
  171. var canvas;
  172. function init() {
  173. ptwUI.init();
  174. canvas = $("#container");
  175. controller = new Controller(canvas);
  176. ptwUI.controller = controller;
  177. controller.startGame();
  178. SM.RegisterState("preload", PreloadState);
  179. SM.RegisterState("menu", MenuState);
  180. SM.RegisterState("inGame", InGameState);
  181. SM.RegisterState("finish", FinishState);
  182. SM.SetStateByName("menu");
  183. }
  184. function share(){
  185. //play68_submitScore(window.level);
  186. }
  187. </script>
  188. <script type="text/x-jQuery-tmpl" id="questionTmpl">
  189. <div class='question none' id='question-{{ID}}'>
  190. <article>
  191. <div class='question-pic'>
  192. <img src='{{imageUrl}}' alt='question' />
  193. <div class='question-type'>{{category}} </div>
  194. </div>
  195. <ul class='question-answer clearfix'>
  196. {{#answerArray}}
  197. <li data-key='' class='answer-key'></li>
  198. {{/answerArray}}
  199. </ul>
  200. <hr />
  201. </article>
  202. <aside>
  203. <ul class='question-keyboard clearfix'>
  204. {{#keyboardArray}}
  205. <li data-key='{{value}}' data-index='{{index}}' class='question-key'>{{value}}</li>
  206. {{/keyboardArray}}
  207. </ul>
  208. </aside>
  209. <div class="clearfix" id="play-next">
  210. <input id='answer-{{ID}}' type='text'/>
  211. <input class='btnNextQuestion' type='button' value='下一题'></input>
  212. </div>
  213. </div>
  214. </script>
  215. <!-- baidu -->
  216. <div class="none">
  217. </div>
  218. <script src="./built/js/built-min.js"></script>
  219. <script>
  220. if(!!qike){
  221. qike.util.subscribeModel.subscribe('qike-mobile-init',function(data,event){
  222. // 初始化结束之后,立马设定一次分享内容
  223. if (!!qike) {
  224. if(controller && controller.currentQuestionLevel){
  225. qikeContentPreSet.shareContent.title = qikeContentPreSet.endShareContentTitle;
  226. // gameLevel
  227. qikeContentPreSet.shareContent.desc = qikeContentPreSet.endShareContentPreFix + controller.currentQuestionLevel + qikeContentPreSet.endShareContentSuffix;
  228. console.log('set desc')
  229. }
  230. }
  231. });
  232. }
  233. </script>
  234. <script type="text/JavaScript">
  235. window.shareData={
  236. 'title':'疯狂猜图',
  237. 'link':'http://game.ikongzhong.cn/games/fkct/',
  238. 'imgurl':'http://game.ikongzhong.cn/games/fkct/icon.png'
  239. }
  240. window.shareFriendData={
  241. 'title':'疯狂猜图',
  242. 'content':'关注空中传媒网络科技,更多好玩的游戏等着你。',
  243. 'link':'http://game.ikongzhong.cn/games/fkct/',
  244. 'imgurl':'http://game.ikongzhong.cn/games/fkct/icon.png'
  245. }
  246. </script>
  247. <script type="text/JavaScript" src="http://gc.veiying.cn/code"></script>
  248. </body>
  249. </html>