index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>猜大小</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  7. <style type="text/css">
  8. html,body,canvas,div{padding: 0;margin: 0;}
  9. canvas{width:100%;}
  10. body{background-color: #000;}
  11. </style>
  12. </head>
  13. <body>
  14. <div id="mylegend">loading……</div>
  15. <script type="text/javascript" src="js/lufylegend-1.9.1.simple.min.js"></script>
  16. <script type="text/javascript" src="js/zepto.min.js"></script>
  17. <script type="text/javascript">
  18. init(35,"mylegend",320,522,main);
  19. LGlobal.stageScale = LStageScaleMode.EXACT_FIT;
  20. LSystem.screen(LStage.FULL_SCREEN);
  21. var loadingLayer,
  22. imglist = {},
  23. imgData =[],
  24. box,
  25. resultLayer,
  26. decs=[],
  27. TZLAYER1,
  28. TZLAYER2,
  29. COUNTS,
  30. TZCOUNTS,
  31. shareIcon,
  32. isSelect=false,
  33. con= 0,
  34. counts=200,
  35. W,
  36. TZ,
  37. isOpen=true,
  38. isAllScreen=false;
  39. function main(){
  40. imgData.push({name:"d_box",path:"img/d_box.png"});
  41. imgData.push({name:"bgs5",path:"img/bgs5.jpg"});
  42. imgData.push({name:"d1",path:"img/d1.png"});
  43. imgData.push({name:"d2",path:"img/d2.png"});
  44. imgData.push({name:"d3",path:"img/d3.png"});
  45. imgData.push({name:"d4",path:"img/d4.png"});
  46. imgData.push({name:"d5",path:"img/d5.png"});
  47. imgData.push({name:"d6",path:"img/d6.png"});
  48. imgData.push({name:"open_on",path:"img/open_on.png"});
  49. imgData.push({name:"open_out",path:"img/open_out.png"});
  50. imgData.push({name:"lose",path:"img/loseBg.png"});
  51. imgData.push({name:"winBG",path:"img/winBg.png"});
  52. imgData.push({name:"shareBg",path:"img/sharebg.png"});
  53. loadingLayer =new LoadingSample1();
  54. addChild(loadingLayer);
  55. LLoadManage.load(
  56. imgData,
  57. function(progress){
  58. loadingLayer.setProgress(progress);
  59. },
  60. function(result){
  61. imglist = result;
  62. removeChild(loadingLayer);
  63. loadingLayer = null;
  64. gameInit();
  65. }
  66. );
  67. }
  68. function gameInit(){
  69. var bgLayer=new LSprite(),
  70. bgImageData=new LBitmapData(imglist['bgs5']),
  71. bgImg=new LBitmap(bgImageData);
  72. bgLayer.addChild(bgImg);
  73. this.addChild(bgLayer);
  74. decs[0]=new LSprite();
  75. decs[1]=new LSprite();
  76. decs[2]=new LSprite();
  77. decs[0].x=90;
  78. decs[0].y=100;
  79. decs[1].x=160;
  80. decs[1].y=60;
  81. decs[2].x=160;
  82. decs[2].y=140;
  83. this.addChild(decs[0]);
  84. this.addChild(decs[1]);
  85. this.addChild(decs[2]);
  86. box=new LSprite();
  87. var boxImageData=new LBitmapData(imglist['d_box']),
  88. boxImage=new LBitmap(boxImageData);
  89. box.addChild(boxImage);
  90. box.x=70;
  91. this.addChild(box);
  92. var sureBtnDataOn=new LBitmapData(imglist['open_on']),
  93. sureBtnDataOut=new LBitmapData(imglist['open_out']),
  94. sureImgOn=new LBitmap(sureBtnDataOn),
  95. sureImgOut=new LBitmap(sureBtnDataOut),
  96. sureBTN=new LButton(sureImgOut,sureImgOn,sureImgOut);
  97. sureBTN.x=118;
  98. sureBTN.y=398;
  99. this.addChild(sureBTN);
  100. sureBTN.addEventListener(LMouseEvent.MOUSE_UP,onHandler);
  101. TZLAYER1=new LSprite();
  102. TZLAYER1.graphics.drawRect(0, "", [0, 5 ,145, 100], true, "");
  103. TZLAYER1.alpha=0;
  104. TZLAYER1.x=10;
  105. TZLAYER1.y=280;
  106. TZLAYER2=new LSprite();
  107. TZLAYER2.graphics.drawRect(0, "", [0, 5 ,145, 100], true, "");
  108. TZLAYER2.alpha=0;
  109. TZLAYER2.x=160;
  110. TZLAYER2.y=280;
  111. this.addChild(TZLAYER1);
  112. this.addChild(TZLAYER2);
  113. TZLAYER1.addEventListener(LMouseEvent.MOUSE_UP,onSelectHandler);
  114. TZLAYER2.addEventListener(LMouseEvent.MOUSE_UP,onSelectHandler2);
  115. COUNTS=new LTextField();
  116. COUNTS.text='财富:200';
  117. COUNTS.x=20;
  118. COUNTS.y=500;
  119. this.addChild(COUNTS);
  120. TZCOUNTS=new LTextField();
  121. TZCOUNTS.text='投注:0';
  122. TZCOUNTS.x=130;
  123. TZCOUNTS.y=500;
  124. this.addChild(TZCOUNTS);
  125. var moreGameSpri = new LSprite();
  126. moreGameSpri.x=240;
  127. moreGameSpri.y=500;
  128. MOREGAME=new LTextField();
  129. MOREGAME.text='更多游戏';
  130. moreGameSpri.addChild(MOREGAME);
  131. this.addChild(moreGameSpri);
  132. moreGameSpri.addEventListener(LMouseEvent.MOUSE_UP,moreGameHandler);
  133. }
  134. function moreGameHandler(){
  135. Play68.goHome();
  136. }
  137. function onSelectHandler(){
  138. if(isOpen){
  139. isSelect=true;
  140. }else{
  141. return false;
  142. }
  143. TZ=0;
  144. TZLAYER2.removeAllChild();
  145. TZLAYER1.removeAllChild();
  146. TZCOUNTS.text='投注:'+counts;
  147. COUNTS.text='财富:0';
  148. var TZ1=new LShape();
  149. TZ1.graphics.add(function(){
  150. var ctx = LGlobal.canvas;
  151. ctx.beginPath();
  152. ctx.fillStyle='#0e34f8';
  153. ctx.moveTo(0,0);
  154. ctx.quadraticCurveTo(100,18,142,12,30);
  155. ctx.lineTo(146,106);
  156. ctx.lineTo(0,95);
  157. ctx.lineTo(0,0);
  158. ctx.fill();
  159. ctx.closePath();
  160. });
  161. TZ1.alpha=0.2;
  162. TZLAYER1.addChild(TZ1);
  163. }
  164. function onSelectHandler2(){
  165. if(isOpen){
  166. isSelect=true;
  167. }else{
  168. return false;
  169. }
  170. TZ=1;
  171. TZLAYER1.removeAllChild();
  172. TZLAYER2.removeAllChild();
  173. TZCOUNTS.text='投注:'+counts;
  174. COUNTS.text='财富:0';
  175. var TZ2=new LShape();
  176. TZ2.graphics.add(function(){
  177. var ctx = LGlobal.canvas;
  178. ctx.beginPath();
  179. ctx.fillStyle='#0e34f8';
  180. ctx.moveTo(5,10);
  181. ctx.quadraticCurveTo(100,12,150,0,20);
  182. ctx.lineTo(148,100);
  183. ctx.lineTo(5,108);
  184. ctx.lineTo(5,10);
  185. ctx.fill();
  186. ctx.closePath();
  187. });
  188. TZ2.alpha=0.2;
  189. TZLAYER2.addChild(TZ2);
  190. }
  191. function onHandler(){
  192. if(!isSelect){ return false; }
  193. isOpen=false;
  194. isSelect=false;
  195. var c1 = Math.ceil(Math.random() * 6);
  196. var c2 = Math.ceil(Math.random() * 6);
  197. var c3 = Math.ceil(Math.random() * 6);
  198. var results = 0;
  199. if ((c1 + c2 + c3) >= 11) {
  200. results = 1;
  201. }
  202. var d = "{\"data\":{\"points\":\"" + c1 + "-" + c2 + "-" + c3 + "\",\"results\":" + results + "}}";
  203. gameResult($.parseJSON(d));
  204. }
  205. function gameResult(d){
  206. var d= d.data,
  207. code= d.points.split('-');
  208. TZCOUNTS.text='投注:'+counts;
  209. COUNTS.text='财富:0';
  210. decs[0].removeAllChild();
  211. decs[1].removeAllChild();
  212. decs[2].removeAllChild();
  213. decs[0].addChild(new LBitmap(new LBitmapData(imglist['d'+code[0]] )));
  214. decs[1].addChild(new LBitmap(new LBitmapData(imglist['d'+code[1]] )));
  215. decs[2].addChild(new LBitmap(new LBitmapData(imglist['d'+code[2]] )));
  216. decs[0].visible=true;
  217. decs[1].visible=true;
  218. decs[2].visible=true;
  219. LTweenLite.to(box,1,{y:-190,x:300,loop:false,rotate:45,ease:LEasing.Sine.easeInOut,onComplete:gameResultShow(d)});
  220. }
  221. function gameResultShow(d){
  222. var t=setTimeout(function() {
  223. clearTimeout(t);
  224. if (resultLayer) {
  225. removeChild(resultLayer);
  226. }
  227. resultLayer = new LSprite();
  228. W = new LShape();
  229. if (d.results == 0) {
  230. W.graphics.add(function () {
  231. var ctx = LGlobal.canvas;
  232. ctx.beginPath();
  233. ctx.fillStyle = '#e7ff9f';
  234. ctx.moveTo(-2, 0);
  235. ctx.quadraticCurveTo(100, 12, 145, 12, 22);
  236. ctx.lineTo(145, 106);
  237. ctx.quadraticCurveTo(100, 106, -2, 98, 10);
  238. ctx.lineTo(-2, 10);
  239. ctx.fill();
  240. ctx.closePath();
  241. });
  242. TZLAYER1.addChild(W);
  243. } else {
  244. W.graphics.add(function () {
  245. var ctx = LGlobal.canvas;
  246. ctx.beginPath();
  247. ctx.fillStyle = '#e7ff9f';
  248. ctx.moveTo(4, 12);
  249. ctx.quadraticCurveTo(100, 12, 150, 0, 20);
  250. ctx.lineTo(150, 96);
  251. ctx.quadraticCurveTo(100, 106, 4, 106, 10);
  252. ctx.lineTo(4, 10);
  253. ctx.fill();
  254. ctx.closePath();
  255. });
  256. TZLAYER2.addChild(W);
  257. }
  258. if (d.results === TZ) {
  259. con++;
  260. counts *= 2;
  261. gameWin();
  262. // updateShare(con,counts); Play68.setRankingLevelScoreDesc(con,counts);
  263. } else {
  264. con = 0;
  265. counts = 200;
  266. gameLose();
  267. // updateShare(con,counts); Play68.setRankingLevelScoreDesc(con,counts);
  268. }
  269. W.alpha = 0.8;
  270. LTweenLite.to(W, 0.4, {alpha: 0.5, loop: true, ease: LEasing.Sine.easeInOut}).to(W, 0.5, {alpha: 0.8, loop: true, ease: LEasing.Sine.easeInOut});
  271. },1500);
  272. }
  273. function gameRestart(e){
  274. resultLayer.removeAllChild();
  275. TZLAYER1.removeAllChild();
  276. TZLAYER2.removeAllChild();
  277. LTweenLite.to(box,0.4,{y:0,x:70,rotate:0,loop:false,ease:LEasing.Sine.easeInOut,onComplete:decsHide})
  278. .to(box,0.1,{x:-100,loop:false,ease:LEasing.Sine.easeInOut})
  279. .to(box,0.1,{x:200,loop:false,ease:LEasing.Sine.easeInOut})
  280. .to(box,0.1,{x:70,loop:false,ease:LEasing.Sine.easeInOut,onComplete:function(){
  281. isOpen=true;
  282. }});
  283. }
  284. function decsHide(){
  285. decs[0].visible=false;
  286. decs[1].visible=false;
  287. decs[2].visible=false;
  288. }
  289. function gameWin(){
  290. var resImg=new LBitmap(new LBitmapData(imglist['winBG'])),
  291. restartBtn=new LSprite(),
  292. shareBtn=new LSprite(),
  293. conTEXT=new LTextField();
  294. resultLayer.addChild(resImg);
  295. resultLayer.x=25;
  296. resultLayer.y=0;
  297. conTEXT.text='已经连赢'+con+'把,累计奖金'+counts+'强币';
  298. conTEXT.color='#FFFFFF';
  299. conTEXT.size=10;
  300. conTEXT.weight='bolder';
  301. conTEXT.y=188;
  302. conTEXT.x=40;
  303. COUNTS.text='财富:'+counts;
  304. TZCOUNTS.text='投注:0';
  305. restartBtn.graphics.drawRect(0, "", [40,210,90, 35], true, "");
  306. restartBtn.alpha=0;
  307. shareBtn.graphics.drawRect(0, "", [141,210,90, 35], true, "");
  308. shareBtn.alpha=0;
  309. //shareBtn.x=50;
  310. resultLayer.addChild(conTEXT);
  311. resultLayer.addChild(restartBtn);
  312. resultLayer.addChild(shareBtn);
  313. addChild(resultLayer);
  314. restartBtn.addEventListener(LMouseEvent.MOUSE_UP,gameRestart);
  315. shareBtn.addEventListener(LMouseEvent.MOUSE_UP,shareHandler);
  316. }
  317. function gameLose(){
  318. COUNTS.text='财富:200';
  319. TZCOUNTS.text='投注:0';
  320. var resImg=new LBitmap(new LBitmapData(imglist['lose']));
  321. resultLayer.addChild(resImg);
  322. resultLayer.x=25;
  323. resultLayer.y=100;
  324. var restartBtn=new LSprite(),
  325. shareBtn=new LSprite();
  326. restartBtn.graphics.drawRect(0, "", [40, 95,90, 35], true, "");
  327. restartBtn.alpha=0;
  328. shareBtn.graphics.drawRect(0, "", [141, 95,90, 35], true, "");
  329. shareBtn.alpha=0;
  330. //shareBtn.x=50;
  331. resultLayer.addChild(restartBtn);
  332. resultLayer.addChild(shareBtn);
  333. addChild(resultLayer);
  334. restartBtn.addEventListener(LMouseEvent.MOUSE_UP,gameRestart);
  335. shareBtn.addEventListener(LMouseEvent.MOUSE_UP,shareHandler);
  336. }
  337. function shareHandler(){
  338. play68_submitScore(con,counts);
  339. }
  340. </script>
  341. </body>
  342. </html>