main.js 39 KB

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