main.js 38 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024
  1. document.body.addEventListener('touchmove', bodyScroll, { passive: false });
  2. function bodyScroll(event) {
  3. event.preventDefault();
  4. }
  5. var canvas = document.getElementById("canvas");
  6. var stage = new createjs.Stage(canvas);
  7. createjs.Sound.alternateExtensions = ["mp3"];
  8. createjs.Sound.registerSound("sound/start/hsr.mp3", "hsr");
  9. createjs.Sound.registerSound("sound/start/ymc.mp3", "ymc");
  10. createjs.Sound.registerSound("sound/start/swy.mp3", "swy");
  11. createjs.Sound.registerSound("sound/start/qcdf.mp3", "qcdf");
  12. createjs.Sound.registerSound("sound/background_music.mp3", "bgm");
  13. createjs.Sound.registerSound("sound/cut.mp3", "cut");//切菜
  14. createjs.Sound.registerSound("sound/oil.mp3", "oil");//空锅倒油(肉、油麦菜)
  15. createjs.Sound.registerSound("sound/soup.mp3", "soup");//煮
  16. window.user_info = {
  17. uid: 0,
  18. logo:'http://img5q.duitang.com/uploads/item/201502/25/20150225060808_wuANL.jpeg',//用户头像
  19. nickname:'用户昵称',//用户昵称,
  20. namemsg:'那个她/他',//寄语
  21. textmsg:'GOOD GOOD STUDY,DAY DAY UP'//寄语
  22. };
  23. var URLParams = new Array() , chooseType = 0 , dishType = 0;
  24. var params = document.location.search.substr(1).split('&');
  25. var ua = navigator.userAgent.toLowerCase() , url = "" , type = 0;
  26. for (i=0; i < params.length ; i++){
  27. var aParam = params[i].split('=');
  28. URLParams[aParam[0]] = aParam[1];
  29. }
  30. function init() {
  31. //createjs.Sound.play("bgm", {loop: -1});
  32. just_play();
  33. var comp = AdobeAn.getComposition("5529E26743974F469545223C44E61D22");
  34. var lib = comp.getLibrary();
  35. var loader = new createjs.LoadQueue(false);
  36. loader.addEventListener("fileload", function(evt) { handleFileLoad(evt, comp) });
  37. loader.addEventListener("complete", function(evt) { handleComplete(evt, comp) });
  38. loader.addEventListener("progress", loadProgressHandler);
  39. var lib = comp.getLibrary();
  40. loader.loadManifest(lib.properties.manifest);
  41. createjs.MotionGuidePlugin.install();
  42. createjs.Touch.enable(stage);
  43. }
  44. function handleFileLoad(evt, comp) {
  45. var loadingimages = comp.getImages();
  46. if (evt && (evt.item.type == "image")) {
  47. loadingimages[evt.item.id] = evt.result;
  48. }
  49. }
  50. function loadProgressHandler(event) {
  51. var num = Math.floor(event.progress * 100);
  52. $("#loadingTxt").text(num);
  53. $("#loadingBar").css("width", num + '%');
  54. }
  55. function handleComplete(evt, comp) {
  56. //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
  57. var lib = comp.getLibrary();
  58. var ss = comp.getSpriteSheet();
  59. var queue = evt.target;
  60. var ssMetadata = lib.ssMetadata;
  61. for (i = 0; i < ssMetadata.length; i++) {
  62. ss[ssMetadata[i].name] = new createjs.SpriteSheet({ "images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames })
  63. }
  64. var exportRoot = new lib.assets();
  65. $(".loading").fadeOut(function(){
  66. $(".select-dish-box").find(".animated").removeClass("js-an");
  67. });
  68. var dishIndex = 0;
  69. $(".select-dish-box .item").on("click", function() {
  70. $(this).addClass("active").siblings().removeClass("active");
  71. $(".select-dish-box .confirm").show();
  72. })
  73. $(".select-dish-box .confirm").on("click", function() {
  74. if (!$(".select-dish-box .item").hasClass("active")) {
  75. alert("请选择你要做的菜")
  76. return false;
  77. }
  78. dishIndex = $(".select-dish-box .item.active").index();
  79. $(".select-dish-box").hide();
  80. $(".game-box").show();
  81. // 判断是哪个菜
  82. if(dishIndex == 0){
  83. exportRoot.plate.hsr_icon1.alpha = 1;
  84. exportRoot.plate.hsr_icon2.alpha = 1;
  85. exportRoot.plate.hsr_icon3.alpha = 1;
  86. exportRoot.plate.hsr_icon4.alpha = 1;
  87. cutDishArr = hsr_iconArr;
  88. //$('#poster').attr('src','./img/poster/hsr.png');
  89. }else if(dishIndex == 1){
  90. exportRoot.plate.qcdf_icon1.alpha = 1;
  91. exportRoot.plate.qcdf_icon2.alpha = 1;
  92. exportRoot.plate.qcdf_icon3.alpha = 1;
  93. exportRoot.plate.qcdf_icon4.alpha = 1;
  94. exportRoot.plate.qcdf_icon5.alpha = 1;
  95. cutDishArr = qcdf_iconArr;
  96. //$('#poster').attr('src','./img/poster/qcdf.png');
  97. }else if(dishIndex == 2){
  98. exportRoot.plate.swy_icon1.alpha = 1;
  99. exportRoot.plate.swy_icon2.alpha = 1;
  100. cutDishArr = swy_iconArr;
  101. //$('#poster').attr('src','./img/poster/swy.png');
  102. }else{
  103. exportRoot.plate.ymc_icon1.alpha = 1;
  104. exportRoot.plate.ymc_icon2.alpha = 1;
  105. exportRoot.plate.ymc_icon3.alpha = 1;
  106. exportRoot.plate.ymc_icon4.alpha = 1;
  107. cutDishArr = ymc_iconArr;
  108. //$('#poster').attr('src','./img/poster/ymc.png');
  109. }
  110. })
  111. $(".replay-btn").on("click",function(){
  112. URLParams = new Array();
  113. window.location.href = "http://wx.ttkuaiban.com/minigame/";
  114. //location.reload()
  115. })
  116. //$(".secret-btn").on("click",function(){
  117. //saveText();
  118. // $(".secret-box").fadeIn();
  119. //})
  120. $(".secret-box").on("click",function(){
  121. $(".secret-box").fadeOut();
  122. })
  123. function ballAnim(dom) {
  124. var anim = new TimelineMax({ repeat: -1 });
  125. anim.to(dom, 0.15, { rotation: "-=15", ease: Power0.easeIn })
  126. .to(dom, 0.3, { rotation: "+=30", ease: Power0.easeIn })
  127. .to(dom, 0.3, { rotation: "-=30", ease: Power0.easeIn })
  128. .to(dom, 0.3, { rotation: "+=30", ease: Power0.easeIn })
  129. .to(dom, 0.15, { rotation: "-=15", ease: Power0.easeIn });
  130. return anim;
  131. }
  132. function materialAnim(dom, x, y, callback) {
  133. var anim = new TimelineMax({ onComplete: callback });
  134. anim.to(dom, 0.5, { x: "+=" + x, y: "+=" + y, ease: Power0.easeIn })
  135. .to(dom, 0.3, { rotation: "-=25", ease: Power0.easeIn })
  136. .to(dom, 0.3, { rotation: "+=25", ease: Power0.easeIn })
  137. .to(dom, 0.3, { rotation: "-=25", ease: Power0.easeIn })
  138. .to(dom, 0.3, { rotation: "+=25", ease: Power0.easeIn });
  139. return anim;
  140. }
  141. function oilAnim(){
  142. if(dishIndex != 2){
  143. var dom = exportRoot.pot.oil;
  144. }else{
  145. var dom = exportRoot.bowl.oil;
  146. }
  147. var anim = new TimelineMax({ delay:0.8});
  148. anim.to(dom, 0.4, { alpha: 1, ease: Power0.easeIn })
  149. .to(dom, 1, { scale: 1, ease: Power0.easeIn })
  150. return anim;
  151. }
  152. function bowlAnim(callback) {
  153. var anim = new TimelineMax({ onComplete: callback, delay: 0.3 });
  154. anim.to(exportRoot.plate, 0.5, { y: "-=370", ease: Power0.easeIn })
  155. .to(exportRoot.bowl, 0.5, { alpha: 1, ease: Power0.easeIn });
  156. return anim;
  157. }
  158. function proAnim(callback) {
  159. var anim = new TimelineMax({ onComplete: callback, delay: 0.5 });
  160. anim.to(exportRoot.pro.proImg, 0.5, { rotation: "-=25", ease: Power0.easeIn })
  161. .to(exportRoot.pro.oil_icon1, 0.3, {alpha:1})
  162. .to(exportRoot.pro.oil_icon2, 0.2, {alpha:1})
  163. .to(exportRoot.pro.proImg, 1, {})
  164. .to(exportRoot.pro, 0.3, { alpha: 0, ease: Power0.easeIn })
  165. .to(exportRoot.pro, 1, {})
  166. return anim;
  167. }
  168. function oilIconAnim() {
  169. oilAnim();
  170. var video = "";
  171. if(dishIndex == 0){
  172. createjs.Sound.play("hsr");//播放
  173. video = createjs.Sound.play("oil");//播放
  174. }else if(dishIndex == 1){
  175. createjs.Sound.play("qcdf");//播放
  176. video = createjs.Sound.play("soup");//播放
  177. }else if(dishIndex == 2){
  178. createjs.Sound.play("swy");//播放
  179. }else{
  180. createjs.Sound.play("ymc");//播放
  181. video = createjs.Sound.play("oil");//播放
  182. }
  183. setTimeout(function(){ video.paused = true; }, 5000);
  184. var anim = new TimelineMax({ repeat:10,delay:1});
  185. anim.to(exportRoot.pro.oil_icon2, 0.3, {y:"+=100",alpha:0})
  186. return anim;
  187. }
  188. function btnAnim(dom){
  189. var anim = new TimelineMax({ repeat:-1 });
  190. anim.to(dom, 0.3, { scale: "+=0.1", ease: Power0.easeIn })
  191. .to(dom, 0.3, { scale: "-=0.1", ease: Power0.easeIn })
  192. return anim;
  193. }
  194. function fadeInAnim(dom){
  195. var anim = new TimelineMax({ });
  196. anim.to(dom, 0.4, { alpha: 1, ease: Power0.easeIn })
  197. return anim;
  198. }
  199. function menuIconInAnim(dom){
  200. var anim = new TimelineMax({ });
  201. if(!dom.icon5){
  202. dom.icon5 = exportRoot.btn2;
  203. }
  204. anim.to(dom.icon1, 0.3, { alpha: 1, ease: Power0.easeIn })
  205. .to(dom.icon2, 0.3, { alpha: 1, ease: Power0.easeIn })
  206. .to(dom.icon3, 0.3, { alpha: 1, ease: Power0.easeIn })
  207. .to(dom.icon4, 0.3, { alpha: 1, ease: Power0.easeIn })
  208. .to(dom.icon5, 0.3, { alpha: 1, ease: Power0.easeIn })
  209. .to(exportRoot.btn2, 0.4, { alpha: 1, ease: Power0.easeIn })
  210. return anim;
  211. }
  212. function materialEnterAnim(dom,delay){
  213. dom.scale = 0.1;
  214. delay = delay || 0.1;
  215. var anim = new TimelineMax({ delay:delay});
  216. anim.to(dom,1.2, { scale: 1, ease: Elastic.easeOut.config(1, 0.3) })
  217. return anim;
  218. }
  219. var cutDishArr = [];
  220. // 油麦菜
  221. var ymc_iconArr = [
  222. {
  223. x: exportRoot.plate.x + exportRoot.plate.ymc_icon1.x,
  224. y: exportRoot.plate.y + exportRoot.plate.ymc_icon1.y,
  225. width: 266,
  226. height: 187,
  227. isClear: false
  228. },
  229. {
  230. x: exportRoot.plate.x + exportRoot.plate.ymc_icon2.x,
  231. y: exportRoot.plate.y + exportRoot.plate.ymc_icon2.y,
  232. width: 103,
  233. height: 118,
  234. isClear: false
  235. },
  236. {
  237. x: exportRoot.plate.x + exportRoot.plate.ymc_icon3.x,
  238. y: exportRoot.plate.y + exportRoot.plate.ymc_icon3.y,
  239. width: 371,
  240. height: 144,
  241. isClear: false
  242. },
  243. {
  244. x: exportRoot.plate.x + exportRoot.plate.ymc_icon4.x,
  245. y: exportRoot.plate.y + exportRoot.plate.ymc_icon4.y,
  246. width: 86,
  247. height: 75,
  248. isClear: false
  249. }
  250. ]
  251. // 三文鱼
  252. var swy_iconArr = [
  253. {
  254. x: exportRoot.plate.x + exportRoot.plate.hsr_icon1.x,
  255. y: exportRoot.plate.y + exportRoot.plate.hsr_icon1.y,
  256. width: 262,
  257. height: 195,
  258. isClear: false
  259. }
  260. ]
  261. // 红烧肉的位置
  262. var hsr_iconArr = [{
  263. x: exportRoot.plate.x + exportRoot.plate.hsr_icon1.x,
  264. y: exportRoot.plate.y + exportRoot.plate.hsr_icon1.y,
  265. width: 202,
  266. height: 129,
  267. isClear: false
  268. },
  269. {
  270. x: exportRoot.plate.x + exportRoot.plate.hsr_icon2.x,
  271. y: exportRoot.plate.y + exportRoot.plate.hsr_icon2.y,
  272. width: 86,
  273. height: 75,
  274. isClear: false
  275. },
  276. {
  277. x: exportRoot.plate.x + exportRoot.plate.hsr_icon3.x,
  278. y: exportRoot.plate.y + exportRoot.plate.hsr_icon3.y,
  279. width: 371,
  280. height: 144,
  281. isClear: false
  282. },
  283. {
  284. x: exportRoot.plate.x + exportRoot.plate.hsr_icon4.x,
  285. y: exportRoot.plate.y + exportRoot.plate.hsr_icon4.y,
  286. width: 103,
  287. height: 118,
  288. isClear: false
  289. }
  290. ];
  291. // 青菜豆腐的位置
  292. var qcdf_iconArr = [{
  293. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon1.x,
  294. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon1.y,
  295. width: 169,
  296. height: 320,
  297. isClear: false
  298. },
  299. {
  300. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon2.x,
  301. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon2.y,
  302. width: 207,
  303. height: 144,
  304. isClear: false
  305. },
  306. {
  307. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon3.x,
  308. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon3.y,
  309. width: 103,
  310. height: 118,
  311. isClear: false
  312. },
  313. {
  314. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon4.x,
  315. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon4.y,
  316. width: 371,
  317. height: 144,
  318. isClear: false
  319. },
  320. {
  321. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon5.x,
  322. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon5.y,
  323. width: 86,
  324. height: 75,
  325. isClear: false
  326. }
  327. ]
  328. // 画线
  329. var lineArr = [];
  330. var lineTimr = null;
  331. var lineShape = new createjs.Shape();
  332. function drawLine() {
  333. var value = 40;
  334. lineTimr = setInterval(function() {
  335. lineShape.graphics.clear();
  336. lineShape.graphics.setStrokeStyle(8).beginStroke("#787878");
  337. if (lineArr.length) {
  338. lineShape.graphics.moveTo(lineArr[0].x, lineArr[0].y);
  339. }
  340. for (var i = 0; i < lineArr.length; i++) {
  341. var x = lineArr[i].x;
  342. var y = lineArr[i].y;
  343. lineShape.graphics.lineTo(x, y);
  344. for (var p = 0; p < cutDishArr.length; p++) {
  345. if (x-cutDishArr[p].width/3 > cutDishArr[p].x && x < (cutDishArr[p].x + cutDishArr[p].width)) {
  346. if (y-cutDishArr[p].height/3 > cutDishArr[p].y && y < (cutDishArr[p].y + cutDishArr[p].height)) {
  347. if (cutDishArr[p].isClear == false) {
  348. cutDishArr[p].isClear = true;
  349. if(dishIndex == 0){
  350. exportRoot.plate['hsr_icon' + (p + 1)].gotoAndStop(1);
  351. }else if(dishIndex == 1){
  352. exportRoot.plate['qcdf_icon' + (p + 1)].gotoAndStop(1);
  353. }else if(dishIndex == 2){
  354. exportRoot.plate.swy_icon1.gotoAndStop(1);
  355. }else{
  356. exportRoot.plate['ymc_icon' + (p + 1)].gotoAndStop(1);
  357. }
  358. }
  359. }
  360. }
  361. }
  362. }
  363. lineArr.splice(0, 1);
  364. }, 30)
  365. }
  366. // 画线事件
  367. drawLine();
  368. exportRoot.addEventListener("mousedown", function(event) {
  369. lineArr = [];
  370. var obj = {
  371. x: event.stageX,
  372. y: event.stageY,
  373. };
  374. lineArr.push(obj);
  375. createjs.Sound.play("cut");//播放
  376. })
  377. exportRoot.addEventListener("pressmove", function(event) {
  378. if (lineArr.length >= 15) {
  379. lineArr.splice(0, 1);
  380. }
  381. var obj = {
  382. x: event.stageX,
  383. y: event.stageY,
  384. };
  385. lineArr.push(obj);
  386. })
  387. exportRoot.addEventListener("pressup", function(event) {
  388. playbowlAnim();
  389. })
  390. var dishMoveIndex = 0;
  391. // 移动菜品
  392. function dishMove(dom,x,y) {
  393. var startX = 0;
  394. var startY = 0;
  395. var domFirst = $.extend(true, {}, dom);
  396. dom.addEventListener("mousedown", function(event) {
  397. startX = event.stageX;
  398. startY = event.stageY;
  399. })
  400. dom.addEventListener("pressmove", function(event) {
  401. dom.x -= (startX - event.stageX);
  402. dom.y -= (startY - event.stageY);
  403. startX = event.stageX;
  404. startY = event.stageY;
  405. })
  406. dom.addEventListener("pressup", function(event) {
  407. if (dom.x + exportRoot.plate.x > 80 && dom.y + exportRoot.plate.y > 518) {
  408. dom.x = 190 - exportRoot.plate.x + x;
  409. dom.y = 630 - exportRoot.plate.y + y;
  410. dom.removeAllEventListeners();
  411. if(dishIndex == 0){
  412. ++dishMoveIndex;
  413. if (dishMoveIndex >= 4) {
  414. exportRoot.btn1.alpha = 1;
  415. btnAnim(exportRoot.btn1);
  416. isAllInplate();
  417. }
  418. }else if(dishIndex == 1){
  419. ++dishMoveIndex;
  420. if (dishMoveIndex >= 5) {
  421. exportRoot.btn1.alpha = 1;
  422. btnAnim(exportRoot.btn1);
  423. isAllInplate();
  424. }
  425. }else if(dishIndex == 2){
  426. exportRoot.btn1.alpha = 1;
  427. btnAnim(exportRoot.btn1);
  428. isAllInplate();
  429. }else{
  430. ++dishMoveIndex;
  431. if (dishMoveIndex >= 4) {
  432. exportRoot.btn1.alpha = 1;
  433. btnAnim(exportRoot.btn1);
  434. isAllInplate();
  435. }
  436. }
  437. } else {
  438. dom.x = domFirst.x;
  439. dom.y = domFirst.y;
  440. }
  441. })
  442. }
  443. // 菜全部到盘子里
  444. function isAllInplate() {
  445. exportRoot.btn1.addEventListener("mousedown", function() {
  446. exportRoot.btn1.removeAllEventListeners();
  447. exportRoot.btn1.alpha = 0;
  448. exportRoot.pro.alpha = 1;
  449. if(dishIndex != 2){
  450. exportRoot.bowl.alpha = 0;
  451. exportRoot.plate.alpha = 0;
  452. exportRoot.pot.alpha = 1;
  453. }else{
  454. exportRoot.plate.instance.alpha = 0;
  455. exportRoot.plate.swy_icon2.alpha = 0;
  456. }
  457. oilIconAnim();
  458. proAnim(function() {
  459. btnAnim(exportRoot.btn2);
  460. if(dishIndex == 0){
  461. menuIconInAnim(exportRoot.pot.hsr);
  462. }else if(dishIndex == 1){
  463. menuIconInAnim(exportRoot.pot.qcdf);
  464. }else if(dishIndex == 3){
  465. menuIconInAnim(exportRoot.pot.ymc);
  466. }
  467. });
  468. })
  469. exportRoot.btn2.addEventListener("mousedown", function() {
  470. exportRoot.btn2.removeAllEventListeners();
  471. exportRoot.btn2.alpha = 0;
  472. fadeInAnim(exportRoot.blackboard);
  473. materialEnterAnim(exportRoot.blackboard.material1,0.2);
  474. materialEnterAnim(exportRoot.blackboard.material2,0.4);
  475. materialEnterAnim(exportRoot.blackboard.material3,0.6);
  476. exportRoot.ball1.alpha = 1;
  477. ballAnim(exportRoot.ball1);
  478. })
  479. exportRoot.blackboard.material1.addEventListener("mousedown", function() {
  480. exportRoot.blackboard.material1.removeAllEventListeners();
  481. exportRoot.blackboard.material2.removeAllEventListeners();
  482. exportRoot.blackboard.material3.removeAllEventListeners();
  483. $(".poster-mode").addClass("poster-bg3");
  484. if(dishIndex == 0){
  485. $('#poster').attr('src','./img/poster/hsr_lv.png');
  486. }else if(dishIndex == 1){
  487. $('#poster').attr('src','./img/poster/qcdf_lv.png');
  488. }else if(dishIndex == 2){
  489. $('#poster').attr('src','./img/poster/swy_lv.png');
  490. }else{
  491. $('#poster').attr('src','./img/poster/ymc_lv.png');
  492. }
  493. materialAnim(exportRoot.blackboard.material1, 300, 180, function() {
  494. exportRoot.blackboard.material1.x -=300;
  495. exportRoot.blackboard.material1.y -=180;
  496. // $(".shake-mode").show();
  497. shakeInit();
  498. });
  499. })
  500. exportRoot.blackboard.material2.addEventListener("mousedown", function() {
  501. exportRoot.blackboard.material1.removeAllEventListeners();
  502. exportRoot.blackboard.material2.removeAllEventListeners();
  503. exportRoot.blackboard.material3.removeAllEventListeners();
  504. $(".poster-mode").addClass("poster-bg2");
  505. if(dishIndex == 0){
  506. $('#poster').attr('src','./img/poster/hsr_hei.png');
  507. }else if(dishIndex == 1){
  508. $('#poster').attr('src','./img/poster/qcdf_hei.png');
  509. }else if(dishIndex == 2){
  510. $('#poster').attr('src','./img/poster/swy_hei.png');
  511. }else{
  512. $('#poster').attr('src','./img/poster/ymc_hei.png');
  513. }
  514. materialAnim(exportRoot.blackboard.material2, 120, 180, function() {
  515. exportRoot.blackboard.material2.x -=120;
  516. exportRoot.blackboard.material2.y -=180;
  517. // $(".shake-mode").show();
  518. shakeInit();
  519. });
  520. })
  521. exportRoot.blackboard.material3.addEventListener("mousedown", function() {
  522. exportRoot.blackboard.material1.removeAllEventListeners();
  523. exportRoot.blackboard.material2.removeAllEventListeners();
  524. exportRoot.blackboard.material3.removeAllEventListeners();
  525. $(".poster-mode").addClass("poster-bg1");
  526. if(dishIndex == 0){
  527. $('#poster').attr('src','./img/poster/hsr_fen.png');
  528. }else if(dishIndex == 1){
  529. $('#poster').attr('src','./img/poster/qcdf_fen.png');
  530. }else if(dishIndex == 2){
  531. $('#poster').attr('src','./img/poster/swy_fen.png');
  532. }else{
  533. $('#poster').attr('src','./img/poster/ymc_fen.png');
  534. }
  535. materialAnim(exportRoot.blackboard.material3, -30, 180, function() {
  536. exportRoot.blackboard.material3.x +=30;
  537. exportRoot.blackboard.material3.y -=180;
  538. // $(".shake-mode").show();
  539. shakeInit();
  540. });
  541. })
  542. }
  543. // 菜切完盘子上移动
  544. function playbowlAnim() {
  545. for (var i = 0; i < cutDishArr.length; i++) {
  546. if (cutDishArr[i].isClear == false) {
  547. return false;
  548. }
  549. }
  550. stage.removeChild(lineShape);
  551. clearInterval(lineTimr);
  552. exportRoot.removeAllEventListeners();
  553. bowlAnim(function() {
  554. if(dishIndex == 0){
  555. dishMove(exportRoot.plate.hsr_icon1,0,0);
  556. dishMove(exportRoot.plate.hsr_icon2,0,0);
  557. dishMove(exportRoot.plate.hsr_icon3,0,0);
  558. dishMove(exportRoot.plate.hsr_icon4,0,0);
  559. }else if(dishIndex == 1){
  560. dishMove(exportRoot.plate.qcdf_icon1,0,-80);
  561. dishMove(exportRoot.plate.qcdf_icon2,0,0);
  562. dishMove(exportRoot.plate.qcdf_icon3,0,0);
  563. dishMove(exportRoot.plate.qcdf_icon4,0,0);
  564. dishMove(exportRoot.plate.qcdf_icon5,0,0);
  565. }else if(dishIndex == 2){
  566. dishMove(exportRoot.plate.swy_icon1,120,100);
  567. }else{
  568. dishMove(exportRoot.plate.ymc_icon1,0,0);
  569. dishMove(exportRoot.plate.ymc_icon2,0,0);
  570. dishMove(exportRoot.plate.ymc_icon3,0,0);
  571. dishMove(exportRoot.plate.ymc_icon4,0,0);
  572. }
  573. });
  574. }
  575. function shakeInit() {
  576. var shake_cnt = 0;
  577. $(".shake-mode2").show();
  578. if (window.DeviceMotionEvent) {
  579. window.addEventListener('devicemotion', deviceMotionHandler, false);
  580. } else {
  581. alert('您的手机不支持摇一摇功能!');
  582. }
  583. //获取加速度信息
  584. //通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率,进行设备是否有进行晃动的判断。
  585. //而为了防止正常移动的误判,需要给该变化率设置一个合适的临界值。
  586. var SHAKE_THRESHOLD = 10000; //阈值越大,触发摇晃事件时手机摇晃的程度越剧烈
  587. var last_update = 0;
  588. var x, y, z, last_x = 0,
  589. last_y = 0,
  590. last_z = 0;
  591. function deviceMotionHandler(eventData) {
  592. var acceleration = eventData.accelerationIncludingGravity;
  593. var curTime = new Date().getTime();
  594. if ((curTime - last_update) > 10) {
  595. var diffTime = curTime - last_update;
  596. last_update = curTime;
  597. x = acceleration.x;
  598. y = acceleration.y;
  599. z = acceleration.z;
  600. var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;
  601. if (speed > SHAKE_THRESHOLD) {
  602. $(".shake-mode2").hide();
  603. shake_cnt++;
  604. if(shake_cnt>2){
  605. setTimeout(function(){
  606. window.removeEventListener('devicemotion', deviceMotionHandler, false);
  607. exportRoot.pot.hsr.play();
  608. // exportRoot.btn3.alpha = 1;
  609. // btnAnim(exportRoot.btn3);
  610. // exportRoot.btn3.addEventListener("mousedown",function(){
  611. // exportRoot.btn3.removeAllEventListeners();
  612. // $(".poster-mode").fadeIn();
  613. // })
  614. if(document.location.href.indexOf('type') == -1){
  615. var href = document.location.href + (document.location.href.indexOf('?') > -1?'&':'?') + "type=" + chooseType + "&food=" + dishIndex;
  616. history.pushState("", "Title", href);
  617. }
  618. if(dishIndex == 0){
  619. exportRoot.pot.hsr.gotoAndStop(1);
  620. }else if(dishIndex == 1){
  621. exportRoot.pot.qcdf.gotoAndStop(1);
  622. }else if(dishIndex == 2){
  623. exportRoot.bowl.oil.alpha = 0;
  624. exportRoot.plate['swy_icon1'].gotoAndStop(2);
  625. }else{
  626. exportRoot.pot.ymc.gotoAndStop(1);
  627. }
  628. $(".shake-mode").fadeOut();
  629. exportRoot.btn3.removeAllEventListeners();
  630. $(".poster-mode").fadeIn();
  631. },3000)
  632. }
  633. //dosomething
  634. $("#fire").addClass("anim-time");
  635. }else{
  636. $("#fire").removeClass("anim-time");
  637. }
  638. last_x = x;
  639. last_y = y;
  640. last_z = z;
  641. // 开始火的动画
  642. $("#fire").removeClass("js-an");
  643. $(".shake-dialog .icon").hide();
  644. $(".shake-dialog .txt").hide();
  645. }
  646. }
  647. }
  648. //Registers the "tick" event listener.
  649. function fnStartAnimation() {
  650. stage.addChild(exportRoot, lineShape);
  651. createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;
  652. createjs.Ticker.addEventListener("tick", stage);
  653. }
  654. fnStartAnimation();
  655. stageBreakHandler();
  656. }
  657. function getInfo() {
  658. var ua = navigator.userAgent.toLowerCase();
  659. var isMobile = false;
  660. if (!!navigator.userAgent.match(/AppleWebKit.*Mobile.*/)) {
  661. isMobile = true;
  662. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  663. type = 0;
  664. url = "https://open.weixin.qq.com/connect/oauth2/authorize?"
  665. +"appid=wx749c84daac654e1e&"
  666. +"redirect_uri=http://wx.ttkuaiban.com/minigame&"
  667. +"response_type=code&"
  668. +"scope=snsapi_userinfo&"//snsapi_userinfo
  669. +"state=1#wechat_redirect";
  670. }
  671. if (ua.match(/WeiBo/i) == "weibo") {
  672. type = 1;
  673. url = "https://api.weibo.com/oauth2/authorize?"
  674. +"client_id=2141531565&"
  675. +"response_type=code&"
  676. +"redirect_uri=http://wx.ttkuaiban.com/minigame/index.html"
  677. }
  678. } else {
  679. var ua = navigator.userAgent.toLowerCase();
  680. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  681. type = 0;
  682. url = "https://open.weixin.qq.com/connect/oauth2/authorize?"
  683. +"appid=wx749c84daac654e1e&"
  684. +"redirect_uri=http://wx.ttkuaiban.com/minigame&"
  685. +"response_type=code&"
  686. +"scope=snsapi_userinfo&"//snsapi_userinfo
  687. +"state=1#wechat_redirect";
  688. }
  689. }
  690. if(URLParams['uid']) {
  691. $('#nameInput').hide();
  692. $('#nameText').show();
  693. $('#textInput').hide();
  694. $('#text').show();
  695. $('.replay-btn').hide();
  696. $('.secret-btn').hide();
  697. chooseType = URLParams['type'];
  698. dishType = URLParams['food'];
  699. $(".poster-mode").addClass("poster-bg" + chooseType);
  700. if(chooseType == 3) {
  701. if(dishType == 0){
  702. $('#poster').attr('src','./img/poster/hsr_lv.png');
  703. }else if(dishType == 1){
  704. $('#poster').attr('src','./img/poster/qcdf_lv.png');
  705. }else if(dishType == 2){
  706. $('#poster').attr('src','./img/poster/swy_lv.png');
  707. }else{
  708. $('#poster').attr('src','./img/poster/ymc_lv.png');
  709. }
  710. } else if(chooseType == 2) {
  711. if(dishType == 0){
  712. $('#poster').attr('src','./img/poster/hsr_hei.png');
  713. }else if(dishType == 1){
  714. $('#poster').attr('src','./img/poster/qcdf_hei.png');
  715. }else if(dishType == 2){
  716. $('#poster').attr('src','./img/poster/swy_hei.png');
  717. }else{
  718. $('#poster').attr('src','./img/poster/ymc_hei.png');
  719. }
  720. } else if(chooseType == 1) {
  721. if(dishType == 0){
  722. $('#poster').attr('src','./img/poster/hsr_fen.png');
  723. }else if(dishType == 1){
  724. $('#poster').attr('src','./img/poster/qcdf_fen.png');
  725. }else if(dishType == 2){
  726. $('#poster').attr('src','./img/poster/swy_fen.png');
  727. }else{
  728. $('#poster').attr('src','./img/poster/ymc_fen.png');
  729. }
  730. }
  731. // if(dishType == 0){
  732. // $('#poster').attr('src','./img/poster/hsr.png');
  733. // }else if(dishType == 1){
  734. // $('#poster').attr('src','./img/poster/qcdf.png');
  735. // }else if(dishType == 2){
  736. // $('#poster').attr('src','./img/poster/swy.png');
  737. // }else{
  738. // $('#poster').attr('src','./img/poster/ymc.png');
  739. // }
  740. getMsg();
  741. $(".poster-mode").fadeIn();
  742. } else {
  743. $('#nameInput').show();
  744. $('#nameText').hide();
  745. $('#textInput').show();
  746. $('#text').hide();
  747. $('.replay-btn').show();
  748. $('.secret-btn').show();
  749. init();
  750. if (isMobile) {
  751. getMsg();
  752. }
  753. }
  754. }
  755. // 获取登陆信息
  756. function getMsg(){
  757. if(URLParams['uid'] || localStorage.userId){
  758. if(URLParams['uid']) {
  759. var uid = URLParams['uid'];
  760. var xhr=null;
  761. try{
  762. xhr=new XMLHttpRequest();
  763. }catch(e){
  764. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  765. }
  766. xhr.open("post","news/show",true);
  767. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  768. xhr.send("id="+uid);
  769. xhr.onreadystatechange=function(){
  770. if(xhr.readyState==4){
  771. if(xhr.status==200){
  772. var msg = JSON.parse(xhr.response);
  773. if(msg.code == "ok") {
  774. window.user_info.uid = msg.data.id;
  775. window.user_info.logo = msg.data.headerPic;
  776. window.user_info.nickname = msg.data.nickName;
  777. window.user_info.namemsg = msg.data.message;
  778. window.user_info.textmsg = msg.data.message;
  779. $('.headimg-box img').attr("src", msg.data.headerPic);
  780. $('.user-info p').html(msg.data.nickName);
  781. $('#nameText').html(msg.data.receiver);
  782. $('#text').html(msg.data.message);
  783. }
  784. }else{
  785. console.log("错误"+xhr.status)
  786. }
  787. }
  788. }
  789. } else {
  790. window.user_info.uid = localStorage.userId;
  791. window.user_info.logo = localStorage.userPic;
  792. window.user_info.nickname = localStorage.userName;
  793. $('.headimg-box img').attr("src", localStorage.userPic);
  794. $('.user-info p').html(localStorage.userName);
  795. }
  796. }else {
  797. if(URLParams['code']){
  798. var code = URLParams['code'];
  799. var xhr=null;
  800. try{
  801. xhr=new XMLHttpRequest();
  802. }catch(e){
  803. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  804. }
  805. xhr.open("post","user/weiXinLogin",true);
  806. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  807. xhr.send("code="+code+"&type="+type);
  808. xhr.onreadystatechange=function(){
  809. if(xhr.readyState==4){
  810. if(xhr.status==200){
  811. var msg = JSON.parse(xhr.response);
  812. if(msg.code == "ok") {
  813. window.user_info.uid = msg.data.id;
  814. localStorage.userId = msg.data.id;
  815. localStorage.userPic = msg.data.headerPic;
  816. localStorage.userName = msg.data.nickName;
  817. window.user_info.logo = msg.data.headerPic;
  818. window.user_info.nickname = msg.data.nickName;
  819. $('.headimg-box img').attr("src", msg.data.headerPic);
  820. $('.user-info p').html(msg.data.nickName);
  821. }
  822. }else{
  823. console.log("错误"+xhr.status)
  824. }
  825. }
  826. }
  827. } else {
  828. window.location.href = url;
  829. }
  830. }
  831. }
  832. function saveText() {
  833. var value = $('#textInput').val(),
  834. receiver = $('#nameInput').val();
  835. if(value == '' || receiver == '') {
  836. alert('请填写寄语');
  837. return false;
  838. }
  839. var xhr=null;
  840. try{
  841. xhr=new XMLHttpRequest();
  842. }catch(e){
  843. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  844. }
  845. xhr.open("post","news/addNews",true);
  846. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  847. xhr.send("receiver="+receiver+"&message="+value+"&userId="+window.user_info.uid);
  848. xhr.onreadystatechange=function(){
  849. if(xhr.readyState==4){
  850. if(xhr.status==200){
  851. var msg = JSON.parse(xhr.response) , href = document.location.href;
  852. if(msg.code == "ok") {
  853. window.user_info.uid = msg.data.id;
  854. window.user_info.logo = msg.data.headerPic;
  855. window.user_info.nickname = msg.data.nickName;
  856. window.user_info.namemsg = msg.data.receiver;
  857. window.user_info.textmsg = msg.data.message;
  858. $('.headimg-box img').attr("src", msg.data.headerPic);
  859. $('.user-info p').html(msg.data.nickName);
  860. $('#nameInput').val(msg.data.receiver);
  861. $('#textInput').val(msg.data.message);
  862. if(document.location.href.indexOf('?') > -1){
  863. href = document.location.href + "&uid=" + msg.data.id;
  864. } else {
  865. href = document.location.href + "?uid=" + msg.data.id;
  866. }
  867. }
  868. if(href != document.location.href){
  869. history.pushState("", "Title", href);
  870. }
  871. $("#cover").show();
  872. //海报页面的微信分享
  873. $.post("./user/getWxConfigParam?url=" + href, {}, function(resp) {
  874. if (resp.code == 'error') {
  875. console.log(resp.code);
  876. }else{
  877. wx.config({
  878. debug: false,
  879. appId: 'wx749c84daac654e1e',
  880. timestamp: resp.data.timestamp,
  881. nonceStr: resp.data.noncestr,
  882. signature: resp.data.sign,
  883. jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
  884. });
  885. wx.ready(function(){
  886. const share = {
  887. title: "我为你精心准备的美味,快享用吧!",
  888. desc: "",
  889. imgUrl: "http://wx.ttkuaiban.com/minigame/images/share_picture.png",
  890. link: href,
  891. success: function() {
  892. $.post("./prize/luckDrawAddShare", {uid: id}, function(resp) {
  893. if (resp.code == 'error') {
  894. console.log(resp.code);
  895. }else{
  896. window.location.href = "http://wx.ttkuaiban.com/minigame/lottery.html";
  897. }
  898. });
  899. },
  900. cancel: function() {}
  901. };
  902. wx.onMenuShareAppMessage(share);
  903. wx.onMenuShareTimeline(share);
  904. wx.onMenuShareQQ(share);
  905. wx.onMenuShareQZone(share);
  906. wx.onMenuShareWeibo(share);
  907. });
  908. wx.error(function(res){
  909. console.log(res);
  910. });
  911. };
  912. });
  913. //if(type == 1) {
  914. // setTimeout(function(){
  915. // window.location.href = "http://wx.ttkuaiban.com/minigame/lottery.html";
  916. // }, 10000);
  917. //}
  918. }else{
  919. console.log("错误"+xhr.status)
  920. }
  921. }
  922. }
  923. }
  924. $(".replay-btn").on("click",function(){
  925. URLParams = new Array();
  926. window.location.href = "http://wx.ttkuaiban.com/minigame/";
  927. })
  928. function hiddenCover() {
  929. $("#cover").hide();
  930. }
  931. // 自适应
  932. var stageWidth, stageHeight, stageScale;
  933. function stageBreakHandler(event) {
  934. if (stageWidth != $(".warp").width() || stageHeight != $(".warp").height()) {
  935. stageWidth = $(".warp").width();
  936. stageHeight = $(".warp").height();
  937. stageScale = stageWidth / 640;
  938. canvas.style.width = 640 * stageScale + 'px';
  939. canvas.style.height = 1040 * stageScale + 'px';
  940. }
  941. }