main.js 38 KB

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