main.js 38 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025
  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. if(dishIndex == 0){
  171. createjs.Sound.play("hsr");//播放
  172. createjs.Sound.play("oil");//播放
  173. }else if(dishIndex == 1){
  174. createjs.Sound.play("qcdf");//播放
  175. createjs.Sound.play("soup");//播放
  176. }else if(dishIndex == 2){
  177. createjs.Sound.play("swy");//播放
  178. }else{
  179. createjs.Sound.play("ymc");//播放
  180. createjs.Sound.play("oil");//播放
  181. }
  182. var anim = new TimelineMax({ repeat:10,delay:1});
  183. anim.to(exportRoot.pro.oil_icon2, 0.3, {y:"+=100",alpha:0})
  184. return anim;
  185. }
  186. function btnAnim(dom){
  187. var anim = new TimelineMax({ repeat:-1 });
  188. anim.to(dom, 0.3, { scale: "+=0.1", ease: Power0.easeIn })
  189. .to(dom, 0.3, { scale: "-=0.1", ease: Power0.easeIn })
  190. return anim;
  191. }
  192. function fadeInAnim(dom){
  193. var anim = new TimelineMax({ });
  194. anim.to(dom, 0.4, { alpha: 1, ease: Power0.easeIn })
  195. return anim;
  196. }
  197. function menuIconInAnim(dom){
  198. var anim = new TimelineMax({ });
  199. if(!dom.icon5){
  200. dom.icon5 = exportRoot.btn2;
  201. }
  202. anim.to(dom.icon1, 0.3, { alpha: 1, ease: Power0.easeIn })
  203. .to(dom.icon2, 0.3, { alpha: 1, ease: Power0.easeIn })
  204. .to(dom.icon3, 0.3, { alpha: 1, ease: Power0.easeIn })
  205. .to(dom.icon4, 0.3, { alpha: 1, ease: Power0.easeIn })
  206. .to(dom.icon5, 0.3, { alpha: 1, ease: Power0.easeIn })
  207. .to(exportRoot.btn2, 0.4, { alpha: 1, ease: Power0.easeIn })
  208. return anim;
  209. }
  210. function materialEnterAnim(dom,delay){
  211. dom.scale = 0.1;
  212. delay = delay || 0.1;
  213. var anim = new TimelineMax({ delay:delay});
  214. anim.to(dom,1.2, { scale: 1, ease: Elastic.easeOut.config(1, 0.3) })
  215. return anim;
  216. }
  217. var cutDishArr = [];
  218. // 油麦菜
  219. var ymc_iconArr = [
  220. {
  221. x: exportRoot.plate.x + exportRoot.plate.ymc_icon1.x,
  222. y: exportRoot.plate.y + exportRoot.plate.ymc_icon1.y,
  223. width: 266,
  224. height: 187,
  225. isClear: false
  226. },
  227. {
  228. x: exportRoot.plate.x + exportRoot.plate.ymc_icon2.x,
  229. y: exportRoot.plate.y + exportRoot.plate.ymc_icon2.y,
  230. width: 103,
  231. height: 118,
  232. isClear: false
  233. },
  234. {
  235. x: exportRoot.plate.x + exportRoot.plate.ymc_icon3.x,
  236. y: exportRoot.plate.y + exportRoot.plate.ymc_icon3.y,
  237. width: 371,
  238. height: 144,
  239. isClear: false
  240. },
  241. {
  242. x: exportRoot.plate.x + exportRoot.plate.ymc_icon4.x,
  243. y: exportRoot.plate.y + exportRoot.plate.ymc_icon4.y,
  244. width: 86,
  245. height: 75,
  246. isClear: false
  247. }
  248. ]
  249. // 三文鱼
  250. var swy_iconArr = [
  251. {
  252. x: exportRoot.plate.x + exportRoot.plate.hsr_icon1.x,
  253. y: exportRoot.plate.y + exportRoot.plate.hsr_icon1.y,
  254. width: 262,
  255. height: 195,
  256. isClear: false
  257. }
  258. ]
  259. // 红烧肉的位置
  260. var hsr_iconArr = [{
  261. x: exportRoot.plate.x + exportRoot.plate.hsr_icon1.x,
  262. y: exportRoot.plate.y + exportRoot.plate.hsr_icon1.y,
  263. width: 202,
  264. height: 129,
  265. isClear: false
  266. },
  267. {
  268. x: exportRoot.plate.x + exportRoot.plate.hsr_icon2.x,
  269. y: exportRoot.plate.y + exportRoot.plate.hsr_icon2.y,
  270. width: 86,
  271. height: 75,
  272. isClear: false
  273. },
  274. {
  275. x: exportRoot.plate.x + exportRoot.plate.hsr_icon3.x,
  276. y: exportRoot.plate.y + exportRoot.plate.hsr_icon3.y,
  277. width: 371,
  278. height: 144,
  279. isClear: false
  280. },
  281. {
  282. x: exportRoot.plate.x + exportRoot.plate.hsr_icon4.x,
  283. y: exportRoot.plate.y + exportRoot.plate.hsr_icon4.y,
  284. width: 103,
  285. height: 118,
  286. isClear: false
  287. }
  288. ];
  289. // 青菜豆腐的位置
  290. var qcdf_iconArr = [{
  291. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon1.x,
  292. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon1.y,
  293. width: 169,
  294. height: 320,
  295. isClear: false
  296. },
  297. {
  298. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon2.x,
  299. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon2.y,
  300. width: 207,
  301. height: 144,
  302. isClear: false
  303. },
  304. {
  305. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon3.x,
  306. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon3.y,
  307. width: 103,
  308. height: 118,
  309. isClear: false
  310. },
  311. {
  312. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon4.x,
  313. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon4.y,
  314. width: 371,
  315. height: 144,
  316. isClear: false
  317. },
  318. {
  319. x: exportRoot.plate.x + exportRoot.plate.qcdf_icon5.x,
  320. y: exportRoot.plate.y + exportRoot.plate.qcdf_icon5.y,
  321. width: 86,
  322. height: 75,
  323. isClear: false
  324. }
  325. ]
  326. // 画线
  327. var lineArr = [];
  328. var lineTimr = null;
  329. var lineShape = new createjs.Shape();
  330. function drawLine() {
  331. var value = 40;
  332. lineTimr = setInterval(function() {
  333. lineShape.graphics.clear();
  334. lineShape.graphics.setStrokeStyle(8).beginStroke("#787878");
  335. if (lineArr.length) {
  336. lineShape.graphics.moveTo(lineArr[0].x, lineArr[0].y);
  337. }
  338. for (var i = 0; i < lineArr.length; i++) {
  339. var x = lineArr[i].x;
  340. var y = lineArr[i].y;
  341. lineShape.graphics.lineTo(x, y);
  342. for (var p = 0; p < cutDishArr.length; p++) {
  343. if (x-cutDishArr[p].width/3 > cutDishArr[p].x && x < (cutDishArr[p].x + cutDishArr[p].width)) {
  344. if (y-cutDishArr[p].height/3 > cutDishArr[p].y && y < (cutDishArr[p].y + cutDishArr[p].height)) {
  345. if (cutDishArr[p].isClear == false) {
  346. cutDishArr[p].isClear = true;
  347. if(dishIndex == 0){
  348. exportRoot.plate['hsr_icon' + (p + 1)].gotoAndStop(1);
  349. }else if(dishIndex == 1){
  350. exportRoot.plate['qcdf_icon' + (p + 1)].gotoAndStop(1);
  351. }else if(dishIndex == 2){
  352. exportRoot.plate.swy_icon1.gotoAndStop(1);
  353. }else{
  354. exportRoot.plate['ymc_icon' + (p + 1)].gotoAndStop(1);
  355. }
  356. }
  357. }
  358. }
  359. }
  360. }
  361. lineArr.splice(0, 1);
  362. }, 30)
  363. }
  364. // 画线事件
  365. drawLine();
  366. exportRoot.addEventListener("mousedown", function(event) {
  367. lineArr = [];
  368. var obj = {
  369. x: event.stageX,
  370. y: event.stageY,
  371. };
  372. lineArr.push(obj);
  373. })
  374. exportRoot.addEventListener("pressmove", function(event) {
  375. if (lineArr.length >= 15) {
  376. lineArr.splice(0, 1);
  377. }
  378. var obj = {
  379. x: event.stageX,
  380. y: event.stageY,
  381. };
  382. lineArr.push(obj);
  383. createjs.Sound.play("cut");//播放
  384. })
  385. exportRoot.addEventListener("pressup", function(event) {
  386. playbowlAnim();
  387. })
  388. var dishMoveIndex = 0;
  389. // 移动菜品
  390. function dishMove(dom,x,y) {
  391. var startX = 0;
  392. var startY = 0;
  393. var domFirst = $.extend(true, {}, dom);
  394. dom.addEventListener("mousedown", function(event) {
  395. startX = event.stageX;
  396. startY = event.stageY;
  397. })
  398. dom.addEventListener("pressmove", function(event) {
  399. dom.x -= (startX - event.stageX);
  400. dom.y -= (startY - event.stageY);
  401. startX = event.stageX;
  402. startY = event.stageY;
  403. })
  404. dom.addEventListener("pressup", function(event) {
  405. if (dom.x + exportRoot.plate.x > 80 && dom.y + exportRoot.plate.y > 518) {
  406. dom.x = 190 - exportRoot.plate.x + x;
  407. dom.y = 630 - exportRoot.plate.y + y;
  408. dom.removeAllEventListeners();
  409. if(dishIndex == 0){
  410. ++dishMoveIndex;
  411. if (dishMoveIndex >= 4) {
  412. exportRoot.btn1.alpha = 1;
  413. btnAnim(exportRoot.btn1);
  414. isAllInplate();
  415. }
  416. }else if(dishIndex == 1){
  417. ++dishMoveIndex;
  418. if (dishMoveIndex >= 5) {
  419. exportRoot.btn1.alpha = 1;
  420. btnAnim(exportRoot.btn1);
  421. isAllInplate();
  422. }
  423. }else if(dishIndex == 2){
  424. exportRoot.btn1.alpha = 1;
  425. btnAnim(exportRoot.btn1);
  426. isAllInplate();
  427. }else{
  428. ++dishMoveIndex;
  429. if (dishMoveIndex >= 4) {
  430. exportRoot.btn1.alpha = 1;
  431. btnAnim(exportRoot.btn1);
  432. isAllInplate();
  433. }
  434. }
  435. } else {
  436. dom.x = domFirst.x;
  437. dom.y = domFirst.y;
  438. }
  439. })
  440. }
  441. // 菜全部到盘子里
  442. function isAllInplate() {
  443. exportRoot.btn1.addEventListener("mousedown", function() {
  444. exportRoot.btn1.removeAllEventListeners();
  445. exportRoot.btn1.alpha = 0;
  446. exportRoot.pro.alpha = 1;
  447. if(dishIndex != 2){
  448. exportRoot.bowl.alpha = 0;
  449. exportRoot.plate.alpha = 0;
  450. exportRoot.pot.alpha = 1;
  451. }else{
  452. exportRoot.plate.instance.alpha = 0;
  453. exportRoot.plate.swy_icon2.alpha = 0;
  454. }
  455. oilIconAnim();
  456. proAnim(function() {
  457. btnAnim(exportRoot.btn2);
  458. if(dishIndex == 0){
  459. menuIconInAnim(exportRoot.pot.hsr);
  460. }else if(dishIndex == 1){
  461. menuIconInAnim(exportRoot.pot.qcdf);
  462. }else if(dishIndex == 3){
  463. menuIconInAnim(exportRoot.pot.ymc);
  464. }else{
  465. exportRoot.btn2.alpha = 1;
  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-mode").show();
  604. shake_cnt++;
  605. if(shake_cnt>2){
  606. setTimeout(function(){
  607. window.removeEventListener('devicemotion', deviceMotionHandler, false);
  608. exportRoot.pot.hsr.play();
  609. // exportRoot.btn3.alpha = 1;
  610. // btnAnim(exportRoot.btn3);
  611. // exportRoot.btn3.addEventListener("mousedown",function(){
  612. // exportRoot.btn3.removeAllEventListeners();
  613. // $(".poster-mode").fadeIn();
  614. // })
  615. if(document.location.href.indexOf('type') == -1){
  616. var href = document.location.href + (document.location.href.indexOf('?') > -1?'&':'?') + "type=" + chooseType + "&food=" + dishIndex;
  617. history.pushState("", "Title", href);
  618. }
  619. if(dishIndex == 0){
  620. exportRoot.pot.hsr.gotoAndStop(1);
  621. }else if(dishIndex == 1){
  622. exportRoot.pot.qcdf.gotoAndStop(1);
  623. }else if(dishIndex == 2){
  624. exportRoot.bowl.oil.alpha = 0;
  625. exportRoot.plate['swy_icon1'].gotoAndStop(2);
  626. }else{
  627. exportRoot.pot.ymc.gotoAndStop(1);
  628. }
  629. $(".shake-mode").fadeOut();
  630. // exportRoot.btn3.removeAllEventListeners();
  631. $(".poster-mode").fadeIn();
  632. },3000)
  633. }
  634. //dosomething
  635. $("#fire").addClass("anim-time");
  636. }else{
  637. $("#fire").removeClass("anim-time");
  638. }
  639. last_x = x;
  640. last_y = y;
  641. last_z = z;
  642. // 开始火的动画
  643. $("#fire").removeClass("js-an");
  644. // $(".shake-dialog .icon").hide();
  645. // $(".shake-dialog .txt").hide();
  646. }
  647. }
  648. }
  649. //Registers the "tick" event listener.
  650. function fnStartAnimation() {
  651. stage.addChild(exportRoot, lineShape);
  652. createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;
  653. createjs.Ticker.addEventListener("tick", stage);
  654. }
  655. fnStartAnimation();
  656. stageBreakHandler();
  657. }
  658. function getInfo() {
  659. var ua = navigator.userAgent.toLowerCase();
  660. var isMobile = false;
  661. if (!!navigator.userAgent.match(/AppleWebKit.*Mobile.*/)) {
  662. isMobile = true;
  663. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  664. type = 0;
  665. url = "https://open.weixin.qq.com/connect/oauth2/authorize?"
  666. +"appid=wx749c84daac654e1e&"
  667. +"redirect_uri=http://wx.ttkuaiban.com/minigame&"
  668. +"response_type=code&"
  669. +"scope=snsapi_userinfo&"//snsapi_userinfo
  670. +"state=1#wechat_redirect";
  671. }
  672. if (ua.match(/WeiBo/i) == "weibo") {
  673. type = 1;
  674. url = "https://api.weibo.com/oauth2/authorize?"
  675. +"client_id=2141531565&"
  676. +"response_type=code&"
  677. +"redirect_uri=http://wx.ttkuaiban.com/minigame/index.html"
  678. }
  679. } else {
  680. var ua = navigator.userAgent.toLowerCase();
  681. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  682. type = 0;
  683. url = "https://open.weixin.qq.com/connect/oauth2/authorize?"
  684. +"appid=wx749c84daac654e1e&"
  685. +"redirect_uri=http://wx.ttkuaiban.com/minigame&"
  686. +"response_type=code&"
  687. +"scope=snsapi_userinfo&"//snsapi_userinfo
  688. +"state=1#wechat_redirect";
  689. }
  690. }
  691. if(URLParams['uid']) {
  692. $('#nameInput').hide();
  693. $('#nameText').show();
  694. $('#textInput').hide();
  695. $('#text').show();
  696. $('.replay-btn').hide();
  697. $('.secret-btn').hide();
  698. chooseType = URLParams['type'];
  699. dishType = URLParams['food'];
  700. $(".poster-mode").addClass("poster-bg" + chooseType);
  701. if(chooseType == 3) {
  702. if(dishType == 0){
  703. $('#poster').attr('src','./img/poster/hsr_lv.png');
  704. }else if(dishType == 1){
  705. $('#poster').attr('src','./img/poster/qcdf_lv.png');
  706. }else if(dishType == 2){
  707. $('#poster').attr('src','./img/poster/swy_lv.png');
  708. }else{
  709. $('#poster').attr('src','./img/poster/ymc_lv.png');
  710. }
  711. } else if(chooseType == 2) {
  712. if(dishType == 0){
  713. $('#poster').attr('src','./img/poster/hsr_hei.png');
  714. }else if(dishType == 1){
  715. $('#poster').attr('src','./img/poster/qcdf_hei.png');
  716. }else if(dishType == 2){
  717. $('#poster').attr('src','./img/poster/swy_hei.png');
  718. }else{
  719. $('#poster').attr('src','./img/poster/ymc_hei.png');
  720. }
  721. } else if(chooseType == 1) {
  722. if(dishType == 0){
  723. $('#poster').attr('src','./img/poster/hsr_fen.png');
  724. }else if(dishType == 1){
  725. $('#poster').attr('src','./img/poster/qcdf_fen.png');
  726. }else if(dishType == 2){
  727. $('#poster').attr('src','./img/poster/swy_fen.png');
  728. }else{
  729. $('#poster').attr('src','./img/poster/ymc_fen.png');
  730. }
  731. }
  732. // if(dishType == 0){
  733. // $('#poster').attr('src','./img/poster/hsr.png');
  734. // }else if(dishType == 1){
  735. // $('#poster').attr('src','./img/poster/qcdf.png');
  736. // }else if(dishType == 2){
  737. // $('#poster').attr('src','./img/poster/swy.png');
  738. // }else{
  739. // $('#poster').attr('src','./img/poster/ymc.png');
  740. // }
  741. getMsg();
  742. $(".poster-mode").fadeIn();
  743. } else {
  744. $('#nameInput').show();
  745. $('#nameText').hide();
  746. $('#textInput').show();
  747. $('#text').hide();
  748. $('.replay-btn').show();
  749. $('.secret-btn').show();
  750. init();
  751. if (isMobile) {
  752. getMsg();
  753. }
  754. }
  755. }
  756. // 获取登陆信息
  757. function getMsg(){
  758. if(URLParams['uid'] || localStorage.userId){
  759. if(URLParams['uid']) {
  760. var uid = URLParams['uid'];
  761. var xhr=null;
  762. try{
  763. xhr=new XMLHttpRequest();
  764. }catch(e){
  765. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  766. }
  767. xhr.open("post","news/show",true);
  768. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  769. xhr.send("id="+uid);
  770. xhr.onreadystatechange=function(){
  771. if(xhr.readyState==4){
  772. if(xhr.status==200){
  773. var msg = JSON.parse(xhr.response);
  774. if(msg.code == "ok") {
  775. window.user_info.uid = msg.data.id;
  776. window.user_info.logo = msg.data.headerPic;
  777. window.user_info.nickname = msg.data.nickName;
  778. window.user_info.namemsg = msg.data.message;
  779. window.user_info.textmsg = msg.data.message;
  780. $('.headimg-box img').attr("src", msg.data.headerPic);
  781. $('.user-info p').html(msg.data.nickName);
  782. $('#nameText').html(msg.data.receiver);
  783. $('#text').html(msg.data.message);
  784. }
  785. }else{
  786. console.log("错误"+xhr.status)
  787. }
  788. }
  789. }
  790. } else {
  791. window.user_info.uid = localStorage.userId;
  792. window.user_info.logo = localStorage.userPic;
  793. window.user_info.nickname = localStorage.userName;
  794. $('.headimg-box img').attr("src", localStorage.userPic);
  795. $('.user-info p').html(localStorage.userName);
  796. }
  797. }else {
  798. if(URLParams['code']){
  799. var code = URLParams['code'];
  800. var xhr=null;
  801. try{
  802. xhr=new XMLHttpRequest();
  803. }catch(e){
  804. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  805. }
  806. xhr.open("post","user/weiXinLogin",true);
  807. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  808. xhr.send("code="+code+"&type="+type);
  809. xhr.onreadystatechange=function(){
  810. if(xhr.readyState==4){
  811. if(xhr.status==200){
  812. var msg = JSON.parse(xhr.response);
  813. if(msg.code == "ok") {
  814. window.user_info.uid = msg.data.id;
  815. localStorage.userId = msg.data.id;
  816. localStorage.userPic = msg.data.headerPic;
  817. localStorage.userName = msg.data.nickName;
  818. window.user_info.logo = msg.data.headerPic;
  819. window.user_info.nickname = msg.data.nickName;
  820. $('.headimg-box img').attr("src", msg.data.headerPic);
  821. $('.user-info p').html(msg.data.nickName);
  822. }
  823. }else{
  824. console.log("错误"+xhr.status)
  825. }
  826. }
  827. }
  828. } else {
  829. window.location.href = url;
  830. }
  831. }
  832. }
  833. function saveText() {
  834. var value = $('#textInput').val(),
  835. receiver = $('#nameInput').val();
  836. if(value == '' || receiver == '') {
  837. alert('请填写寄语');
  838. return false;
  839. }
  840. var xhr=null;
  841. try{
  842. xhr=new XMLHttpRequest();
  843. }catch(e){
  844. xhr=new ActiveXObject("Microsoft.XMLHTTP");
  845. }
  846. xhr.open("post","news/addNews",true);
  847. xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
  848. xhr.send("receiver="+receiver+"&message="+value+"&userId="+window.user_info.uid);
  849. xhr.onreadystatechange=function(){
  850. if(xhr.readyState==4){
  851. if(xhr.status==200){
  852. var msg = JSON.parse(xhr.response) , href = document.location.href;
  853. if(msg.code == "ok") {
  854. window.user_info.uid = msg.data.id;
  855. window.user_info.logo = msg.data.headerPic;
  856. window.user_info.nickname = msg.data.nickName;
  857. window.user_info.namemsg = msg.data.receiver;
  858. window.user_info.textmsg = msg.data.message;
  859. $('.headimg-box img').attr("src", msg.data.headerPic);
  860. $('.user-info p').html(msg.data.nickName);
  861. $('#nameInput').val(msg.data.receiver);
  862. $('#textInput').val(msg.data.message);
  863. if(document.location.href.indexOf('?') > -1){
  864. href = document.location.href + "&uid=" + msg.data.id;
  865. } else {
  866. href = document.location.href + "?uid=" + msg.data.id;
  867. }
  868. }
  869. if(href != document.location.href){
  870. history.pushState("", "Title", href);
  871. }
  872. $("#cover").show();
  873. //海报页面的微信分享
  874. $.post("./user/getWxConfigParam?url=" + href, {}, function(resp) {
  875. if (resp.code == 'error') {
  876. console.log(resp.code);
  877. }else{
  878. wx.config({
  879. debug: false,
  880. appId: 'wx749c84daac654e1e',
  881. timestamp: resp.data.timestamp,
  882. nonceStr: resp.data.noncestr,
  883. signature: resp.data.sign,
  884. jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
  885. });
  886. wx.ready(function(){
  887. const share = {
  888. title: "我为你精心准备的美味,快享用吧!",
  889. desc: "",
  890. imgUrl: "http://wx.ttkuaiban.com/minigame/images/share_picture.png",
  891. link: href,
  892. success: function() {
  893. $.post("./prize/luckDrawAddShare", {uid: id}, function(resp) {
  894. if (resp.code == 'error') {
  895. console.log(resp.code);
  896. }else{
  897. window.location.href = "http://wx.ttkuaiban.com/minigame/lottery.html";
  898. }
  899. });
  900. },
  901. cancel: function() {}
  902. };
  903. wx.onMenuShareAppMessage(share);
  904. wx.onMenuShareTimeline(share);
  905. wx.onMenuShareQQ(share);
  906. wx.onMenuShareQZone(share);
  907. wx.onMenuShareWeibo(share);
  908. });
  909. wx.error(function(res){
  910. console.log(res);
  911. });
  912. };
  913. });
  914. //if(type == 1) {
  915. // setTimeout(function(){
  916. // window.location.href = "http://wx.ttkuaiban.com/minigame/lottery.html";
  917. // }, 10000);
  918. //}
  919. }else{
  920. console.log("错误"+xhr.status)
  921. }
  922. }
  923. }
  924. }
  925. $(".replay-btn").on("click",function(){
  926. URLParams = new Array();
  927. window.location.href = "http://wx.ttkuaiban.com/minigame/";
  928. })
  929. function hiddenCover() {
  930. $("#cover").hide();
  931. }
  932. // 自适应
  933. var stageWidth, stageHeight, stageScale;
  934. function stageBreakHandler(event) {
  935. if (stageWidth != $(".warp").width() || stageHeight != $(".warp").height()) {
  936. stageWidth = $(".warp").width();
  937. stageHeight = $(".warp").height();
  938. stageScale = stageWidth / 640;
  939. canvas.style.width = 640 * stageScale + 'px';
  940. canvas.style.height = 1040 * stageScale + 'px';
  941. }
  942. }