main.js 38 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027
  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. }else{
  467. exportRoot.btn2.alpha = 1;
  468. }
  469. });
  470. })
  471. exportRoot.btn2.addEventListener("mousedown", function() {
  472. exportRoot.btn2.removeAllEventListeners();
  473. exportRoot.btn2.alpha = 0;
  474. fadeInAnim(exportRoot.blackboard);
  475. materialEnterAnim(exportRoot.blackboard.material1,0.2);
  476. materialEnterAnim(exportRoot.blackboard.material2,0.4);
  477. materialEnterAnim(exportRoot.blackboard.material3,0.6);
  478. exportRoot.ball1.alpha = 1;
  479. ballAnim(exportRoot.ball1);
  480. })
  481. exportRoot.blackboard.material1.addEventListener("mousedown", function() {
  482. exportRoot.blackboard.material1.removeAllEventListeners();
  483. exportRoot.blackboard.material2.removeAllEventListeners();
  484. exportRoot.blackboard.material3.removeAllEventListeners();
  485. $(".poster-mode").addClass("poster-bg3");
  486. if(dishIndex == 0){
  487. $('#poster').attr('src','./img/poster/hsr_lv.png');
  488. }else if(dishIndex == 1){
  489. $('#poster').attr('src','./img/poster/qcdf_lv.png');
  490. }else if(dishIndex == 2){
  491. $('#poster').attr('src','./img/poster/swy_lv.png');
  492. }else{
  493. $('#poster').attr('src','./img/poster/ymc_lv.png');
  494. }
  495. materialAnim(exportRoot.blackboard.material1, 300, 180, function() {
  496. exportRoot.blackboard.material1.x -=300;
  497. exportRoot.blackboard.material1.y -=180;
  498. // $(".shake-mode").show();
  499. shakeInit();
  500. });
  501. })
  502. exportRoot.blackboard.material2.addEventListener("mousedown", function() {
  503. exportRoot.blackboard.material1.removeAllEventListeners();
  504. exportRoot.blackboard.material2.removeAllEventListeners();
  505. exportRoot.blackboard.material3.removeAllEventListeners();
  506. $(".poster-mode").addClass("poster-bg2");
  507. if(dishIndex == 0){
  508. $('#poster').attr('src','./img/poster/hsr_hei.png');
  509. }else if(dishIndex == 1){
  510. $('#poster').attr('src','./img/poster/qcdf_hei.png');
  511. }else if(dishIndex == 2){
  512. $('#poster').attr('src','./img/poster/swy_hei.png');
  513. }else{
  514. $('#poster').attr('src','./img/poster/ymc_hei.png');
  515. }
  516. materialAnim(exportRoot.blackboard.material2, 120, 180, function() {
  517. exportRoot.blackboard.material2.x -=120;
  518. exportRoot.blackboard.material2.y -=180;
  519. // $(".shake-mode").show();
  520. shakeInit();
  521. });
  522. })
  523. exportRoot.blackboard.material3.addEventListener("mousedown", function() {
  524. exportRoot.blackboard.material1.removeAllEventListeners();
  525. exportRoot.blackboard.material2.removeAllEventListeners();
  526. exportRoot.blackboard.material3.removeAllEventListeners();
  527. $(".poster-mode").addClass("poster-bg1");
  528. if(dishIndex == 0){
  529. $('#poster').attr('src','./img/poster/hsr_fen.png');
  530. }else if(dishIndex == 1){
  531. $('#poster').attr('src','./img/poster/qcdf_fen.png');
  532. }else if(dishIndex == 2){
  533. $('#poster').attr('src','./img/poster/swy_fen.png');
  534. }else{
  535. $('#poster').attr('src','./img/poster/ymc_fen.png');
  536. }
  537. materialAnim(exportRoot.blackboard.material3, -30, 180, function() {
  538. exportRoot.blackboard.material3.x +=30;
  539. exportRoot.blackboard.material3.y -=180;
  540. // $(".shake-mode").show();
  541. shakeInit();
  542. });
  543. })
  544. }
  545. // 菜切完盘子上移动
  546. function playbowlAnim() {
  547. for (var i = 0; i < cutDishArr.length; i++) {
  548. if (cutDishArr[i].isClear == false) {
  549. return false;
  550. }
  551. }
  552. stage.removeChild(lineShape);
  553. clearInterval(lineTimr);
  554. exportRoot.removeAllEventListeners();
  555. bowlAnim(function() {
  556. if(dishIndex == 0){
  557. dishMove(exportRoot.plate.hsr_icon1,0,0);
  558. dishMove(exportRoot.plate.hsr_icon2,0,0);
  559. dishMove(exportRoot.plate.hsr_icon3,0,0);
  560. dishMove(exportRoot.plate.hsr_icon4,0,0);
  561. }else if(dishIndex == 1){
  562. dishMove(exportRoot.plate.qcdf_icon1,0,-80);
  563. dishMove(exportRoot.plate.qcdf_icon2,0,0);
  564. dishMove(exportRoot.plate.qcdf_icon3,0,0);
  565. dishMove(exportRoot.plate.qcdf_icon4,0,0);
  566. dishMove(exportRoot.plate.qcdf_icon5,0,0);
  567. }else if(dishIndex == 2){
  568. dishMove(exportRoot.plate.swy_icon1,120,100);
  569. }else{
  570. dishMove(exportRoot.plate.ymc_icon1,0,0);
  571. dishMove(exportRoot.plate.ymc_icon2,0,0);
  572. dishMove(exportRoot.plate.ymc_icon3,0,0);
  573. dishMove(exportRoot.plate.ymc_icon4,0,0);
  574. }
  575. });
  576. }
  577. function shakeInit() {
  578. var shake_cnt = 0;
  579. $(".shake-mode2").show();
  580. if (window.DeviceMotionEvent) {
  581. window.addEventListener('devicemotion', deviceMotionHandler, false);
  582. } else {
  583. alert('您的手机不支持摇一摇功能!');
  584. }
  585. //获取加速度信息
  586. //通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率,进行设备是否有进行晃动的判断。
  587. //而为了防止正常移动的误判,需要给该变化率设置一个合适的临界值。
  588. var SHAKE_THRESHOLD = 10000; //阈值越大,触发摇晃事件时手机摇晃的程度越剧烈
  589. var last_update = 0;
  590. var x, y, z, last_x = 0,
  591. last_y = 0,
  592. last_z = 0;
  593. function deviceMotionHandler(eventData) {
  594. var acceleration = eventData.accelerationIncludingGravity;
  595. var curTime = new Date().getTime();
  596. if ((curTime - last_update) > 10) {
  597. var diffTime = curTime - last_update;
  598. last_update = curTime;
  599. x = acceleration.x;
  600. y = acceleration.y;
  601. z = acceleration.z;
  602. var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;
  603. if (speed > SHAKE_THRESHOLD) {
  604. $(".shake-mode2").hide();
  605. $(".shake-mode").show();
  606. shake_cnt++;
  607. if(shake_cnt>2){
  608. setTimeout(function(){
  609. window.removeEventListener('devicemotion', deviceMotionHandler, false);
  610. exportRoot.pot.hsr.play();
  611. // exportRoot.btn3.alpha = 1;
  612. // btnAnim(exportRoot.btn3);
  613. // exportRoot.btn3.addEventListener("mousedown",function(){
  614. // exportRoot.btn3.removeAllEventListeners();
  615. // $(".poster-mode").fadeIn();
  616. // })
  617. if(document.location.href.indexOf('type') == -1){
  618. var href = document.location.href + (document.location.href.indexOf('?') > -1?'&':'?') + "type=" + chooseType + "&food=" + dishIndex;
  619. history.pushState("", "Title", href);
  620. }
  621. if(dishIndex == 0){
  622. exportRoot.pot.hsr.gotoAndStop(1);
  623. }else if(dishIndex == 1){
  624. exportRoot.pot.qcdf.gotoAndStop(1);
  625. }else if(dishIndex == 2){
  626. exportRoot.bowl.oil.alpha = 0;
  627. exportRoot.plate['swy_icon1'].gotoAndStop(2);
  628. }else{
  629. exportRoot.pot.ymc.gotoAndStop(1);
  630. }
  631. $(".shake-mode").fadeOut();
  632. // exportRoot.btn3.removeAllEventListeners();
  633. $(".poster-mode").fadeIn();
  634. },3000)
  635. }
  636. //dosomething
  637. $("#fire").addClass("anim-time");
  638. }else{
  639. $("#fire").removeClass("anim-time");
  640. }
  641. last_x = x;
  642. last_y = y;
  643. last_z = z;
  644. // 开始火的动画
  645. $("#fire").removeClass("js-an");
  646. // $(".shake-dialog .icon").hide();
  647. // $(".shake-dialog .txt").hide();
  648. }
  649. }
  650. }
  651. //Registers the "tick" event listener.
  652. function fnStartAnimation() {
  653. stage.addChild(exportRoot, lineShape);
  654. createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;
  655. createjs.Ticker.addEventListener("tick", stage);
  656. }
  657. fnStartAnimation();
  658. stageBreakHandler();
  659. }
  660. function getInfo() {
  661. var ua = navigator.userAgent.toLowerCase();
  662. var isMobile = false;
  663. if (!!navigator.userAgent.match(/AppleWebKit.*Mobile.*/)) {
  664. isMobile = true;
  665. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  666. type = 0;
  667. url = "https://open.weixin.qq.com/connect/oauth2/authorize?"
  668. +"appid=wx749c84daac654e1e&"
  669. +"redirect_uri=http://wx.ttkuaiban.com/minigame&"
  670. +"response_type=code&"
  671. +"scope=snsapi_userinfo&"//snsapi_userinfo
  672. +"state=1#wechat_redirect";
  673. }
  674. if (ua.match(/WeiBo/i) == "weibo") {
  675. type = 1;
  676. url = "https://api.weibo.com/oauth2/authorize?"
  677. +"client_id=2141531565&"
  678. +"response_type=code&"
  679. +"redirect_uri=http://wx.ttkuaiban.com/minigame/index.html"
  680. }
  681. } else {
  682. var ua = navigator.userAgent.toLowerCase();
  683. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  684. type = 0;
  685. url = "https://open.weixin.qq.com/connect/oauth2/authorize?"
  686. +"appid=wx749c84daac654e1e&"
  687. +"redirect_uri=http://wx.ttkuaiban.com/minigame&"
  688. +"response_type=code&"
  689. +"scope=snsapi_userinfo&"//snsapi_userinfo
  690. +"state=1#wechat_redirect";
  691. }
  692. }
  693. if(URLParams['uid']) {
  694. $('#nameInput').hide();
  695. $('#nameText').show();
  696. $('#textInput').hide();
  697. $('#text').show();
  698. $('.replay-btn').hide();
  699. $('.secret-btn').hide();
  700. chooseType = URLParams['type'];
  701. dishType = URLParams['food'];
  702. $(".poster-mode").addClass("poster-bg" + chooseType);
  703. if(chooseType == 3) {
  704. if(dishType == 0){
  705. $('#poster').attr('src','./img/poster/hsr_lv.png');
  706. }else if(dishType == 1){
  707. $('#poster').attr('src','./img/poster/qcdf_lv.png');
  708. }else if(dishType == 2){
  709. $('#poster').attr('src','./img/poster/swy_lv.png');
  710. }else{
  711. $('#poster').attr('src','./img/poster/ymc_lv.png');
  712. }
  713. } else if(chooseType == 2) {
  714. if(dishType == 0){
  715. $('#poster').attr('src','./img/poster/hsr_hei.png');
  716. }else if(dishType == 1){
  717. $('#poster').attr('src','./img/poster/qcdf_hei.png');
  718. }else if(dishType == 2){
  719. $('#poster').attr('src','./img/poster/swy_hei.png');
  720. }else{
  721. $('#poster').attr('src','./img/poster/ymc_hei.png');
  722. }
  723. } else if(chooseType == 1) {
  724. if(dishType == 0){
  725. $('#poster').attr('src','./img/poster/hsr_fen.png');
  726. }else if(dishType == 1){
  727. $('#poster').attr('src','./img/poster/qcdf_fen.png');
  728. }else if(dishType == 2){
  729. $('#poster').attr('src','./img/poster/swy_fen.png');
  730. }else{
  731. $('#poster').attr('src','./img/poster/ymc_fen.png');
  732. }
  733. }
  734. // if(dishType == 0){
  735. // $('#poster').attr('src','./img/poster/hsr.png');
  736. // }else if(dishType == 1){
  737. // $('#poster').attr('src','./img/poster/qcdf.png');
  738. // }else if(dishType == 2){
  739. // $('#poster').attr('src','./img/poster/swy.png');
  740. // }else{
  741. // $('#poster').attr('src','./img/poster/ymc.png');
  742. // }
  743. getMsg();
  744. $(".poster-mode").fadeIn();
  745. } else {
  746. $('#nameInput').show();
  747. $('#nameText').hide();
  748. $('#textInput').show();
  749. $('#text').hide();
  750. $('.replay-btn').show();
  751. $('.secret-btn').show();
  752. init();
  753. if (isMobile) {
  754. getMsg();
  755. }
  756. }
  757. }
  758. // 获取登陆信息
  759. function getMsg(){
  760. if(URLParams['uid'] || localStorage.userId){
  761. if(URLParams['uid']) {
  762. var uid = URLParams['uid'];
  763. var xhr=null;
  764. try{
  765. xhr=new XMLHttpRequest();
  766. }catch(e){
  767. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  768. }
  769. xhr.open("post","news/show",true);
  770. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  771. xhr.send("id="+uid);
  772. xhr.onreadystatechange=function(){
  773. if(xhr.readyState==4){
  774. if(xhr.status==200){
  775. var msg = JSON.parse(xhr.response);
  776. if(msg.code == "ok") {
  777. window.user_info.uid = msg.data.id;
  778. window.user_info.logo = msg.data.headerPic;
  779. window.user_info.nickname = msg.data.nickName;
  780. window.user_info.namemsg = msg.data.message;
  781. window.user_info.textmsg = msg.data.message;
  782. $('.headimg-box img').attr("src", msg.data.headerPic);
  783. $('.user-info p').html(msg.data.nickName);
  784. $('#nameText').html(msg.data.receiver);
  785. $('#text').html(msg.data.message);
  786. }
  787. }else{
  788. console.log("错误"+xhr.status)
  789. }
  790. }
  791. }
  792. } else {
  793. window.user_info.uid = localStorage.userId;
  794. window.user_info.logo = localStorage.userPic;
  795. window.user_info.nickname = localStorage.userName;
  796. $('.headimg-box img').attr("src", localStorage.userPic);
  797. $('.user-info p').html(localStorage.userName);
  798. }
  799. }else {
  800. if(URLParams['code']){
  801. var code = URLParams['code'];
  802. var xhr=null;
  803. try{
  804. xhr=new XMLHttpRequest();
  805. }catch(e){
  806. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  807. }
  808. xhr.open("post","user/weiXinLogin",true);
  809. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  810. xhr.send("code="+code+"&type="+type);
  811. xhr.onreadystatechange=function(){
  812. if(xhr.readyState==4){
  813. if(xhr.status==200){
  814. var msg = JSON.parse(xhr.response);
  815. if(msg.code == "ok") {
  816. window.user_info.uid = msg.data.id;
  817. localStorage.userId = msg.data.id;
  818. localStorage.userPic = msg.data.headerPic;
  819. localStorage.userName = msg.data.nickName;
  820. window.user_info.logo = msg.data.headerPic;
  821. window.user_info.nickname = msg.data.nickName;
  822. $('.headimg-box img').attr("src", msg.data.headerPic);
  823. $('.user-info p').html(msg.data.nickName);
  824. }
  825. }else{
  826. console.log("错误"+xhr.status)
  827. }
  828. }
  829. }
  830. } else {
  831. window.location.href = url;
  832. }
  833. }
  834. }
  835. function saveText() {
  836. var value = $('#textInput').val(),
  837. receiver = $('#nameInput').val();
  838. if(value == '' || receiver == '') {
  839. alert('请填写寄语');
  840. return false;
  841. }
  842. var xhr=null;
  843. try{
  844. xhr=new XMLHttpRequest();
  845. }catch(e){
  846. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  847. }
  848. xhr.open("post","news/addNews",true);
  849. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  850. xhr.send("receiver="+receiver+"&message="+value+"&userId="+window.user_info.uid);
  851. xhr.onreadystatechange=function(){
  852. if(xhr.readyState==4){
  853. if(xhr.status==200){
  854. var msg = JSON.parse(xhr.response) , href = document.location.href;
  855. if(msg.code == "ok") {
  856. window.user_info.uid = msg.data.id;
  857. window.user_info.logo = msg.data.headerPic;
  858. window.user_info.nickname = msg.data.nickName;
  859. window.user_info.namemsg = msg.data.receiver;
  860. window.user_info.textmsg = msg.data.message;
  861. $('.headimg-box img').attr("src", msg.data.headerPic);
  862. $('.user-info p').html(msg.data.nickName);
  863. $('#nameInput').val(msg.data.receiver);
  864. $('#textInput').val(msg.data.message);
  865. if(document.location.href.indexOf('?') > -1){
  866. href = document.location.href + "&uid=" + msg.data.id;
  867. } else {
  868. href = document.location.href + "?uid=" + msg.data.id;
  869. }
  870. }
  871. if(href != document.location.href){
  872. history.pushState("", "Title", href);
  873. }
  874. $("#cover").show();
  875. //海报页面的微信分享
  876. $.post("./user/getWxConfigParam?url=" + href, {}, function(resp) {
  877. if (resp.code == 'error') {
  878. console.log(resp.code);
  879. }else{
  880. wx.config({
  881. debug: false,
  882. appId: 'wx749c84daac654e1e',
  883. timestamp: resp.data.timestamp,
  884. nonceStr: resp.data.noncestr,
  885. signature: resp.data.sign,
  886. jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
  887. });
  888. wx.ready(function(){
  889. const share = {
  890. title: "我为你精心准备的美味,快享用吧!",
  891. desc: "",
  892. imgUrl: "http://wx.ttkuaiban.com/minigame/images/share_picture.png",
  893. link: href,
  894. success: function() {
  895. $.post("./prize/luckDrawAddShare", {uid: id}, function(resp) {
  896. if (resp.code == 'error') {
  897. console.log(resp.code);
  898. }else{
  899. window.location.href = "http://wx.ttkuaiban.com/minigame/lottery.html";
  900. }
  901. });
  902. },
  903. cancel: function() {}
  904. };
  905. wx.onMenuShareAppMessage(share);
  906. wx.onMenuShareTimeline(share);
  907. wx.onMenuShareQQ(share);
  908. wx.onMenuShareQZone(share);
  909. wx.onMenuShareWeibo(share);
  910. });
  911. wx.error(function(res){
  912. console.log(res);
  913. });
  914. };
  915. });
  916. //if(type == 1) {
  917. setTimeout(function(){
  918. window.location.href = "http://wx.ttkuaiban.com/minigame/lottery.html";
  919. }, 10000);
  920. //}
  921. }else{
  922. console.log("错误"+xhr.status)
  923. }
  924. }
  925. }
  926. }
  927. $(".replay-btn").on("click",function(){
  928. URLParams = new Array();
  929. window.location.href = "http://wx.ttkuaiban.com/minigame/";
  930. })
  931. function hiddenCover() {
  932. $("#cover").hide();
  933. }
  934. // 自适应
  935. var stageWidth, stageHeight, stageScale;
  936. function stageBreakHandler(event) {
  937. if (stageWidth != $(".warp").width() || stageHeight != $(".warp").height()) {
  938. stageWidth = $(".warp").width();
  939. stageHeight = $(".warp").height();
  940. stageScale = stageWidth / 640;
  941. canvas.style.width = 640 * stageScale + 'px';
  942. canvas.style.height = 1040 * stageScale + 'px';
  943. }
  944. }