document.body.addEventListener('touchmove', bodyScroll, { passive: false }); function bodyScroll(event) { event.preventDefault(); } var canvas = document.getElementById("canvas"); var stage = new createjs.Stage(canvas); createjs.Sound.alternateExtensions = ["mp3"]; createjs.Sound.registerSound("sound/start/hsr.mp3", "hsr"); createjs.Sound.registerSound("sound/start/ymc.mp3", "ymc"); createjs.Sound.registerSound("sound/start/swy.mp3", "swy"); createjs.Sound.registerSound("sound/start/qcdf.mp3", "qcdf"); createjs.Sound.registerSound("sound/background_music.mp3", "bgm"); createjs.Sound.registerSound("sound/cut.mp3", "cut");//切菜 createjs.Sound.registerSound("sound/oil.mp3", "oil");//空锅倒油(肉、油麦菜) createjs.Sound.registerSound("sound/soup.mp3", "soup");//煮 createjs.Sound.registerSound("sound/shake.mp3", "shake");//摇 // 大屏适配 var hFont = $('html').css('font-size'); var h = $(window).height(); hFont = hFont.slice(0,-2); // 屏幕超过1245。显示大屏配置 if(h/hFont > 16.6){ $("body").addClass("big-page"); }else if(h/hFont < 15.2){ $("body").addClass("small-page"); $(".game-box").css("top",'-35px') } window.user_info = { uid: 0, logo:'http://img5q.duitang.com/uploads/item/201502/25/20150225060808_wuANL.jpeg',//用户头像 nickname:'用户昵称',//用户昵称, namemsg:'那个她/他',//寄语 textmsg:'GOOD GOOD STUDY,DAY DAY UP'//寄语 }; var URLParams = new Array() , chooseType = 0 , dishType = 0; var params = document.location.search.substr(1).split('&'); var ua = navigator.userAgent.toLowerCase() , url = "" , type = 0; for (i=0; i < params.length ; i++){ var aParam = params[i].split('='); URLParams[aParam[0]] = aParam[1]; } function init() { //createjs.Sound.play("bgm", {loop: -1}); just_play(); var comp = AdobeAn.getComposition("5529E26743974F469545223C44E61D22"); var lib = comp.getLibrary(); var loader = new createjs.LoadQueue(false); loader.addEventListener("fileload", function(evt) { handleFileLoad(evt, comp) }); loader.addEventListener("complete", function(evt) { handleComplete(evt, comp) }); loader.addEventListener("progress", loadProgressHandler); var lib = comp.getLibrary(); loader.loadManifest(lib.properties.manifest); createjs.MotionGuidePlugin.install(); createjs.Touch.enable(stage); } function handleFileLoad(evt, comp) { var loadingimages = comp.getImages(); if (evt && (evt.item.type == "image")) { loadingimages[evt.item.id] = evt.result; } } function loadProgressHandler(event) { var num = Math.floor(event.progress * 100); $("#loadingTxt").text(num); $("#loadingBar").css("width", num + '%'); } function handleComplete(evt, comp) { //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. var lib = comp.getLibrary(); var ss = comp.getSpriteSheet(); var queue = evt.target; var ssMetadata = lib.ssMetadata; for (i = 0; i < ssMetadata.length; i++) { ss[ssMetadata[i].name] = new createjs.SpriteSheet({ "images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames }) } var exportRoot = new lib.assets(); $(".loading").fadeOut(function(){ // $(".select-dish-box").find(".animated").removeClass("js-an"); $(".loading2").show(); $(".loading2").on("touchend",function(){ $(".loading2").fadeOut(function(){ $(".warp").show(); $(".select-dish-box").find(".animated").removeClass("js-an"); }); }); }); var dishIndex = 0; $(".select-dish-box .item").on("click", function() { $(this).addClass("active").siblings().removeClass("active"); $(".select-dish-box .confirm").show(); }) $(".select-dish-box .confirm").on("click", function() { if (!$(".select-dish-box .item").hasClass("active")) { alert("请选择你要做的菜") return false; } dishIndex = $(".select-dish-box .item.active").index(); $(".select-dish-box").hide(); $(".game-box").show(); $(".cut-mode2").show(); setTimeout(function(){ $(".cut-mode2").hide(); }, 1500); $(".cut-mode2").on("touchend",function(){ $(this).hide(); }) $(".move-mode2").on("touchend",function(){ $(this).hide(); }) // 判断是哪个菜 if(dishIndex == 0){ exportRoot.plate.hsr_icon1.alpha = 1; exportRoot.plate.hsr_icon2.alpha = 1; exportRoot.plate.hsr_icon3.alpha = 1; exportRoot.plate.hsr_icon4.alpha = 1; cutDishArr = hsr_iconArr; $('#poster').attr('src','./img/poster/hsr.png'); }else if(dishIndex == 1){ exportRoot.plate.qcdf_icon1.alpha = 1; exportRoot.plate.qcdf_icon2.alpha = 1; exportRoot.plate.qcdf_icon3.alpha = 1; exportRoot.plate.qcdf_icon4.alpha = 1; exportRoot.plate.qcdf_icon5.alpha = 1; cutDishArr = qcdf_iconArr; $('#poster').attr('src','./img/poster/qcdf.png'); }else if(dishIndex == 2){ exportRoot.plate.swy_icon1.alpha = 1; exportRoot.plate.swy_icon2.alpha = 1; cutDishArr = swy_iconArr; $('#poster').attr('src','./img/poster/swy.png'); }else{ exportRoot.plate.ymc_icon1.alpha = 1; exportRoot.plate.ymc_icon2.alpha = 1; exportRoot.plate.ymc_icon3.alpha = 1; exportRoot.plate.ymc_icon4.alpha = 1; cutDishArr = ymc_iconArr; $('#poster').attr('src','./img/poster/ymc.png'); } }) $(".replay-btn").on("click",function(){ URLParams = new Array(); window.location.href = "https://wx.ttkuaiban.com/minigame/"; }) //$(".secret-btn").on("click",function(){ //saveText(); // $(".secret-box").fadeIn(); //}) $(".secret-box").on("click",function(){ $(".secret-box").fadeOut(); }) function ballAnim(dom) { var video = ""; if(dishIndex == 0){ video = createjs.Sound.play("soup");//播放 }else if(dishIndex == 1){ video = createjs.Sound.play("soup");//播放 }else if(dishIndex == 3){ video = createjs.Sound.play("soup");//播放 } video.volume = 1; setTimeout(function(){ video.paused = true; }, 3500); var anim = new TimelineMax({ repeat: -1 }); anim.to(dom, 0.15, { rotation: "-=15", ease: Power0.easeIn }) .to(dom, 0.3, { rotation: "+=30", ease: Power0.easeIn }) .to(dom, 0.3, { rotation: "-=30", ease: Power0.easeIn }) .to(dom, 0.3, { rotation: "+=30", ease: Power0.easeIn }) .to(dom, 0.15, { rotation: "-=15", ease: Power0.easeIn }); return anim; } function materialAnim(dom, x, y, callback) { var anim = new TimelineMax({ onComplete: callback }); anim.to(dom, 0.5, { x: "+=" + x, y: "+=" + y,scale:1.1, ease: Power0.easeIn }) .to(dom, 0.3, { rotation: "-=25", ease: Power0.easeIn }) .to(exportRoot.powder, 0.1, { alpha: 1, ease: Power0.easeIn },"-=0.1") .to(exportRoot.powder, 0.3, { x: "-=15",y:"+=55",alpha:0, ease: Power0.easeIn },'-=0.2') .to(dom, 0.3, { rotation: "+=25", ease: Power0.easeIn }) .to(exportRoot.powder, 0.01, { x: "+=15",y:"-=55",alpha:0, ease: Power0.easeIn }) .to(dom, 0.3, { rotation: "-=25", ease: Power0.easeIn }) .to(exportRoot.powder, 0.1, { alpha: 1, ease: Power0.easeIn },"-=0.1") .to(exportRoot.powder, 0.3, { x: "-=15",y:"+=55",alpha:0, ease: Power0.easeIn },'-=0.2') .to(dom, 0.3, { rotation: "+=25", ease: Power0.easeIn }) .to(exportRoot.powder, 0.1, { alpha:0, ease: Power0.easeIn }); return anim; } function oilAnim(){ if(dishIndex != 2){ var dom = exportRoot.pot.oil; }else{ var dom = exportRoot.bowl.oil; } var anim = new TimelineMax({ delay:0.8}); anim.to(dom, 0.4, { alpha: 1, ease: Power0.easeIn }) .to(dom, 1, { scale: 1, ease: Power0.easeIn }) return anim; } function bowlAnim(callback) { var anim = new TimelineMax({ onComplete: callback, delay: 0.3 }); anim.to(exportRoot.plate, 0.5, { y: "-=370", ease: Power0.easeIn }) .to(exportRoot.bowl, 0.5, { alpha: 1, ease: Power0.easeIn }); return anim; } function proAnim(callback) { var anim = new TimelineMax({ onComplete: callback, delay: 0.5 }); anim.to(exportRoot.pro.proImg, 0.5, { rotation: "-=25", ease: Power0.easeIn }) .to(exportRoot.pro.oil_icon1, 0.3, {alpha:1}) .to(exportRoot.pro.oil_icon2, 0.2, {alpha:1}) .to(exportRoot.pro.proImg, 1, {}) .to(exportRoot.pro, 0.3, { alpha: 0, ease: Power0.easeIn }) .to(exportRoot.pro, 1, {}) return anim; } function oilIconAnim() { oilAnim(); var video = "" , noice = "" , soup = ""; if(dishIndex == 0){ noice = createjs.Sound.play("hsr");//播放 setTimeout(function(){ video = createjs.Sound.play("oil");//播放 }, 1000); }else if(dishIndex == 1){ noice = createjs.Sound.play("qcdf");//播放 setTimeout(function(){ video = createjs.Sound.play("oil");//播放 }, 2000); }else if(dishIndex == 2){ noice = createjs.Sound.play("swy");//播放 }else{ noice = createjs.Sound.play("ymc");//播放 setTimeout(function(){ video = createjs.Sound.play("oil");//播放 }, 3000); } noice.volume = 1; video.volume = 0.2; //soup.volume = 0.8; setTimeout(function(){ video.paused = true; //soup.paused = true; }, 6000); var anim = new TimelineMax({ repeat:10,delay:1}); anim.to(exportRoot.pro.oil_icon2, 0.3, {y:"+=100",alpha:0}) return anim; } function btnAnim(dom){ var anim = new TimelineMax({ repeat:-1 }); anim.to(dom, 0.3, { scale: "+=0.1", ease: Power0.easeIn }) .to(dom, 0.3, { scale: "-=0.1", ease: Power0.easeIn }) return anim; } function fadeInAnim(dom){ var anim = new TimelineMax({ }); anim.to(dom, 0.4, { alpha: 1, ease: Power0.easeIn }) return anim; } function menuIconInAnim(dom){ var anim = new TimelineMax({ }); if(!dom.icon5){ dom.icon5 = exportRoot.btn2; } anim.to(dom.icon1, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon2, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon3, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon4, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon5, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(exportRoot.btn2, 0.4, { alpha: 1, ease: Power0.easeIn }) return anim; } function menuIconInAnim2(dom,callback){ var anim = new TimelineMax({onComplete:callback }); anim.to(dom.icon1, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon2, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon3, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon4, 0.3, { alpha: 1, ease: Power0.easeIn }) .to(dom.icon5, 0.3, { alpha: 1, ease: Power0.easeIn }) return anim; } function materialEnterAnim(dom,delay){ dom.scale = 0.1; delay = delay || 0.1; var anim = new TimelineMax({ delay:delay}); anim.to(dom,1.2, { scale: 1, ease: Elastic.easeOut.config(1, 0.3) }) return anim; } var cutDishArr = []; // 油麦菜 var ymc_iconArr = [ { x: exportRoot.plate.x + exportRoot.plate.ymc_icon1.x, y: exportRoot.plate.y + exportRoot.plate.ymc_icon1.y, width: 266, height: 187, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.ymc_icon2.x, y: exportRoot.plate.y + exportRoot.plate.ymc_icon2.y, width: 103, height: 118, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.ymc_icon3.x, y: exportRoot.plate.y + exportRoot.plate.ymc_icon3.y, width: 371, height: 144, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.ymc_icon4.x, y: exportRoot.plate.y + exportRoot.plate.ymc_icon4.y, width: 86, height: 75, isClear: false } ] // 三文鱼 var swy_iconArr = [ { x: exportRoot.plate.x + exportRoot.plate.hsr_icon1.x, y: exportRoot.plate.y + exportRoot.plate.hsr_icon1.y, width: 262, height: 195, isClear: false } ] // 红烧肉的位置 var hsr_iconArr = [{ x: exportRoot.plate.x + exportRoot.plate.hsr_icon1.x, y: exportRoot.plate.y + exportRoot.plate.hsr_icon1.y, width: 202, height: 129, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.hsr_icon2.x, y: exportRoot.plate.y + exportRoot.plate.hsr_icon2.y, width: 86, height: 75, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.hsr_icon3.x, y: exportRoot.plate.y + exportRoot.plate.hsr_icon3.y, width: 371, height: 144, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.hsr_icon4.x, y: exportRoot.plate.y + exportRoot.plate.hsr_icon4.y, width: 103, height: 118, isClear: false } ]; // 青菜豆腐的位置 var qcdf_iconArr = [{ x: exportRoot.plate.x + exportRoot.plate.qcdf_icon1.x, y: exportRoot.plate.y + exportRoot.plate.qcdf_icon1.y, width: 169, height: 320, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.qcdf_icon2.x, y: exportRoot.plate.y + exportRoot.plate.qcdf_icon2.y, width: 207, height: 144, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.qcdf_icon3.x, y: exportRoot.plate.y + exportRoot.plate.qcdf_icon3.y, width: 103, height: 118, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.qcdf_icon4.x, y: exportRoot.plate.y + exportRoot.plate.qcdf_icon4.y, width: 371, height: 144, isClear: false }, { x: exportRoot.plate.x + exportRoot.plate.qcdf_icon5.x, y: exportRoot.plate.y + exportRoot.plate.qcdf_icon5.y, width: 86, height: 75, isClear: false } ] // 画线 var lineArr = []; var lineTimr = null; var lineShape = new createjs.Shape(); function drawLine() { var value = 40; lineTimr = setInterval(function() { lineShape.graphics.clear(); lineShape.graphics.setStrokeStyle(8).beginStroke("#787878"); if (lineArr.length) { lineShape.graphics.moveTo(lineArr[0].x, lineArr[0].y); } for (var i = 0; i < lineArr.length; i++) { var x = lineArr[i].x; var y = lineArr[i].y; lineShape.graphics.lineTo(x, y); for (var p = 0; p < cutDishArr.length; p++) { if (x-cutDishArr[p].width/3 > cutDishArr[p].x && x < (cutDishArr[p].x + cutDishArr[p].width)) { if (y-cutDishArr[p].height/3 > cutDishArr[p].y && y < (cutDishArr[p].y + cutDishArr[p].height)) { if (cutDishArr[p].isClear == false) { cutDishArr[p].isClear = true; if(dishIndex == 0){ exportRoot.plate['hsr_icon' + (p + 1)].gotoAndStop(1); }else if(dishIndex == 1){ exportRoot.plate['qcdf_icon' + (p + 1)].gotoAndStop(1); }else if(dishIndex == 2){ exportRoot.plate.swy_icon1.gotoAndStop(1); }else{ exportRoot.plate['ymc_icon' + (p + 1)].gotoAndStop(1); } } } } } } lineArr.splice(0, 1); }, 30) } // 画线事件 drawLine(); exportRoot.addEventListener("mousedown", function(event) { lineArr = []; var obj = { x: event.stageX, y: event.stageY, }; lineArr.push(obj); createjs.Sound.play("cut");//播放 }) exportRoot.addEventListener("pressmove", function(event) { if (lineArr.length >= 15) { lineArr.splice(0, 1); } var obj = { x: event.stageX, y: event.stageY, }; lineArr.push(obj); }) exportRoot.addEventListener("pressup", function(event) { playbowlAnim(); }) var dishMoveIndex = 0; // 移动菜品 function dishMove(dom,x,y) { var startX = 0; var startY = 0; var domFirst = $.extend(true, {}, dom); dom.addEventListener("mousedown", function(event) { startX = event.stageX; startY = event.stageY; }) dom.addEventListener("pressmove", function(event) { dom.x -= (startX - event.stageX); dom.y -= (startY - event.stageY); startX = event.stageX; startY = event.stageY; }) dom.addEventListener("pressup", function(event) { if (dom.x + exportRoot.plate.x > 80 && dom.y + exportRoot.plate.y > 518) { dom.x = 190 - exportRoot.plate.x + x; dom.y = 630 - exportRoot.plate.y + y; dom.removeAllEventListeners(); if(dishIndex == 0){ ++dishMoveIndex; if (dishMoveIndex >= 4) { exportRoot.btn1.alpha = 1; btnAnim(exportRoot.btn1); isAllInplate(); } }else if(dishIndex == 1){ ++dishMoveIndex; if (dishMoveIndex >= 5) { exportRoot.btn1.alpha = 1; btnAnim(exportRoot.btn1); isAllInplate(); } }else if(dishIndex == 2){ exportRoot.btn1.alpha = 1; btnAnim(exportRoot.btn1); isAllInplate(); }else{ ++dishMoveIndex; if (dishMoveIndex >= 4) { exportRoot.btn1.alpha = 1; btnAnim(exportRoot.btn1); isAllInplate(); } } } else { dom.x = domFirst.x; dom.y = domFirst.y; } }) } // 菜全部到盘子里 function isAllInplate() { exportRoot.btn1.addEventListener("mousedown", function() { exportRoot.btn1.removeAllEventListeners(); exportRoot.btn1.alpha = 0; exportRoot.pro.alpha = 1; if(dishIndex != 2){ exportRoot.bowl.alpha = 0; exportRoot.plate.alpha = 0; exportRoot.pot.alpha = 1; }else{ exportRoot.plate.instance.alpha = 0; exportRoot.plate.swy_icon2.alpha = 0; } oilIconAnim(); proAnim(function() { btnAnim(exportRoot.btn2); if(dishIndex == 0){ menuIconInAnim(exportRoot.pot.hsr); }else if(dishIndex == 3){ menuIconInAnim(exportRoot.pot.ymc); }else if(dishIndex == 1){ menuIconInAnim(exportRoot.pot.qcdf); }else{ exportRoot.btn2.alpha = 1; } }); }) exportRoot.btn2.addEventListener("mousedown", function() { exportRoot.btn2.removeAllEventListeners(); exportRoot.btn2.alpha = 0; fadeInAnim(exportRoot.blackboard); materialEnterAnim(exportRoot.blackboard.material1,0.2); materialEnterAnim(exportRoot.blackboard.material2,0.4); materialEnterAnim(exportRoot.blackboard.material3,0.6); ballAnim(exportRoot.ball1); if(dishIndex == 0){ exportRoot.pot.hsr.play(); }else if(dishIndex == 1){ exportRoot.pot.qcdf.play(); }else{ exportRoot.pot.ymc.play(); } }) exportRoot.blackboard.material1.addEventListener("mousedown", function() { exportRoot.blackboard.material1.removeAllEventListeners(); exportRoot.blackboard.material2.removeAllEventListeners(); exportRoot.blackboard.material3.removeAllEventListeners(); chooseType = 3; $(".poster-mode").addClass("poster-bg3"); exportRoot.ball1.alpha = 1; if(dishIndex == 0){ $('#poster').attr('src','./img/poster/hsr_lv.png'); }else if(dishIndex == 1){ $('#poster').attr('src','./img/poster/qcdf_lv.png'); }else if(dishIndex == 2){ $('#poster').attr('src','./img/poster/swy_lv.png'); }else{ $('#poster').attr('src','./img/poster/ymc_lv.png'); } materialAnim(exportRoot.blackboard.material1, 300, 180, function() { exportRoot.blackboard.material1.x -=300; exportRoot.blackboard.material1.y -=180; exportRoot.blackboard.material1.scale = 1; // $(".shake-mode").show(); setTimeout(function(){ shakeInit(); }, 2000); if(dishIndex == 0){ exportRoot.pot.hsr.play(); }else if(dishIndex == 1){ exportRoot.pot.qcdf.play(); }else if(dishIndex == 2){ exportRoot.bowl.oil.alpha = 0; exportRoot.plate['swy_icon1'].play(); }else{ exportRoot.pot.ymc.play(); } }); }) exportRoot.blackboard.material2.addEventListener("mousedown", function() { exportRoot.blackboard.material1.removeAllEventListeners(); exportRoot.blackboard.material2.removeAllEventListeners(); exportRoot.blackboard.material3.removeAllEventListeners(); chooseType = 2; $(".poster-mode").addClass("poster-bg2"); exportRoot.ball1.gotoAndStop(1); exportRoot.ball1.alpha = 1; if(dishIndex == 0){ $('#poster').attr('src','./img/poster/hsr_hei.png'); }else if(dishIndex == 1){ $('#poster').attr('src','./img/poster/qcdf_hei.png'); }else if(dishIndex == 2){ $('#poster').attr('src','./img/poster/swy_hei.png'); }else{ $('#poster').attr('src','./img/poster/ymc_hei.png'); } materialAnim(exportRoot.blackboard.material2, 120, 180, function() { exportRoot.blackboard.material2.x -=120; exportRoot.blackboard.material2.y -=180; exportRoot.blackboard.material2.scale = 1; // $(".shake-mode").show(); setTimeout(function(){ shakeInit(); }, 2000); if(dishIndex == 0){ exportRoot.pot.hsr.play(); }else if(dishIndex == 1){ exportRoot.pot.qcdf.play(); }else if(dishIndex == 2){ exportRoot.bowl.oil.alpha = 0; exportRoot.plate['swy_icon1'].play(); }else{ exportRoot.pot.ymc.play(); } }); }) exportRoot.blackboard.material3.addEventListener("mousedown", function() { exportRoot.blackboard.material1.removeAllEventListeners(); exportRoot.blackboard.material2.removeAllEventListeners(); exportRoot.blackboard.material3.removeAllEventListeners(); chooseType = 1; $(".poster-mode").addClass("poster-bg1"); exportRoot.ball1.gotoAndStop(2); exportRoot.ball1.alpha = 1; if(dishIndex == 0){ $('#poster').attr('src','./img/poster/hsr_fen.png'); }else if(dishIndex == 1){ $('#poster').attr('src','./img/poster/qcdf_fen.png'); }else if(dishIndex == 2){ $('#poster').attr('src','./img/poster/swy_fen.png'); }else{ $('#poster').attr('src','./img/poster/ymc_fen.png'); } materialAnim(exportRoot.blackboard.material3, -30, 180, function() { exportRoot.blackboard.material3.x +=30; exportRoot.blackboard.material3.y -=180; exportRoot.blackboard.material3.scale = 1; // $(".shake-mode").show(); setTimeout(function(){ shakeInit(); }, 2000); if(dishIndex == 0){ exportRoot.pot.hsr.play(); }else if(dishIndex == 1){ exportRoot.pot.qcdf.play(); }else if(dishIndex == 2){ exportRoot.bowl.oil.alpha = 0; exportRoot.plate['swy_icon1'].play(); }else{ exportRoot.pot.ymc.play(); } }); }) } // 菜切完盘子上移动 function playbowlAnim() { for (var i = 0; i < cutDishArr.length; i++) { if (cutDishArr[i].isClear == false) { return false; } } stage.removeChild(lineShape); clearInterval(lineTimr); exportRoot.removeAllEventListeners(); bowlAnim(function() { $(".move-mode2").show(); setTimeout(function(){ $(".move-mode2").hide(); }, 1500); if(dishIndex == 0){ dishMove(exportRoot.plate.hsr_icon1,0,0); dishMove(exportRoot.plate.hsr_icon2,0,0); dishMove(exportRoot.plate.hsr_icon3,0,0); dishMove(exportRoot.plate.hsr_icon4,0,0); }else if(dishIndex == 1){ dishMove(exportRoot.plate.qcdf_icon1,0,-80); dishMove(exportRoot.plate.qcdf_icon2,0,0); dishMove(exportRoot.plate.qcdf_icon3,0,0); dishMove(exportRoot.plate.qcdf_icon4,0,0); dishMove(exportRoot.plate.qcdf_icon5,0,0); }else if(dishIndex == 2){ dishMove(exportRoot.plate.swy_icon1,120,100); }else{ dishMove(exportRoot.plate.ymc_icon1,0,0); dishMove(exportRoot.plate.ymc_icon2,0,0); dishMove(exportRoot.plate.ymc_icon3,0,0); dishMove(exportRoot.plate.ymc_icon4,0,0); } }); } function shakeInit() { var shake_cnt = 0; $(".shake-mode2").show(); if (window.DeviceMotionEvent) { window.addEventListener('devicemotion', deviceMotionHandler, false); } else { alert('您的手机不支持摇一摇功能!'); } //获取加速度信息 //通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率,进行设备是否有进行晃动的判断。 //而为了防止正常移动的误判,需要给该变化率设置一个合适的临界值。 var SHAKE_THRESHOLD = 10000; //阈值越大,触发摇晃事件时手机摇晃的程度越剧烈 var last_update = 0; var x, y, z, last_x = 0, last_y = 0, last_z = 0; var createTime = false; function deviceMotionHandler(eventData) { var acceleration = eventData.accelerationIncludingGravity; var curTime = new Date().getTime(); if ((curTime - last_update) > 10) { var diffTime = curTime - last_update; last_update = curTime; x = acceleration.x; y = acceleration.y; z = acceleration.z; var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000; if (speed > SHAKE_THRESHOLD) { if(!createTime) { createTime = true; var video = createjs.Sound.play("shake");//播放 setTimeout(function(){ video.paused = true;createTime = false; }, 2500); } $(".shake-mode2").hide(); $(".shake-mode").show(); shake_cnt++; if(shake_cnt>2){ setTimeout(function(){ window.removeEventListener('devicemotion', deviceMotionHandler, false); exportRoot.pot.hsr.play(); // exportRoot.btn3.alpha = 1; // btnAnim(exportRoot.btn3); // exportRoot.btn3.addEventListener("mousedown",function(){ // exportRoot.btn3.removeAllEventListeners(); // $(".poster-mode").fadeIn(); // }) if(document.location.href.indexOf('type') == -1){ var href = document.location.href + (document.location.href.indexOf('?') > -1?'&':'?') + "type=" + chooseType + "&food=" + dishIndex; history.pushState("", "Title", href); } if(dishIndex == 0){ exportRoot.pot.hsr.gotoAndStop(3); }else if(dishIndex == 1){ exportRoot.pot.qcdf.gotoAndStop(3); }else if(dishIndex == 2){ exportRoot.bowl.oil.alpha = 0; exportRoot.plate['swy_icon1'].gotoAndStop(2); }else{ exportRoot.pot.ymc.gotoAndStop(3); } $(".shake-mode").fadeOut(); // exportRoot.btn3.removeAllEventListeners(); $(".poster-mode").fadeIn(); },3000) } //dosomething $("#fire").addClass("anim-time"); }else{ $("#fire").removeClass("anim-time"); } last_x = x; last_y = y; last_z = z; // 开始火的动画 $("#fire").removeClass("js-an"); } } } //Registers the "tick" event listener. function fnStartAnimation() { stage.addChild(exportRoot, lineShape); createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED; createjs.Ticker.addEventListener("tick", stage); } fnStartAnimation(); stageBreakHandler(); } function getInfo() { var ua = navigator.userAgent.toLowerCase(); var isAvatorSupport = false; if (!!navigator.userAgent.match(/AppleWebKit.*Mobile.*/)) { if (ua.match(/MicroMessenger/i) == "micromessenger") { type = 0; isAvatorSupport = true; url = "https://open.weixin.qq.com/connect/oauth2/authorize?" +"appid=wx749c84daac654e1e&" +"redirect_uri=https://wx.ttkuaiban.com/minigame&" +"response_type=code&" +"scope=snsapi_userinfo&"//snsapi_userinfo +"state=1#wechat_redirect"; } if (ua.match(/WeiBo/i) == "weibo") { type = 1; isAvatorSupport = true; url = "https://api.weibo.com/oauth2/authorize?" +"client_id=2141531565&" +"response_type=code&" +"redirect_uri=https://wx.ttkuaiban.com/minigame/index.html" } } else { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { type = 0; isAvatorSupport = true; url = "https://open.weixin.qq.com/connect/oauth2/authorize?" +"appid=wx749c84daac654e1e&" +"redirect_uri=https://wx.ttkuaiban.com/minigame&" +"response_type=code&" +"scope=snsapi_userinfo&"//snsapi_userinfo +"state=1#wechat_redirect"; } } if(URLParams['uid']) { $('#edit').hide(); $('#nameInput').hide(); $('#nameText').show(); $('#textInput').hide(); $('#text').show(); $('.replay-btn').hide(); $('.secret-btn').hide(); chooseType = URLParams['type']; dishType = URLParams['food']; $(".poster-mode").addClass("poster-bg" + chooseType); if(chooseType == 3) { if(dishType == 0){ $('#poster').attr('src','./img/poster/hsr_lv.png'); }else if(dishType == 1){ $('#poster').attr('src','./img/poster/qcdf_lv.png'); }else if(dishType == 2){ $('#poster').attr('src','./img/poster/swy_lv.png'); }else{ $('#poster').attr('src','./img/poster/ymc_lv.png'); } } else if(chooseType == 2) { if(dishType == 0){ $('#poster').attr('src','./img/poster/hsr_hei.png'); }else if(dishType == 1){ $('#poster').attr('src','./img/poster/qcdf_hei.png'); }else if(dishType == 2){ $('#poster').attr('src','./img/poster/swy_hei.png'); }else{ $('#poster').attr('src','./img/poster/ymc_hei.png'); } } else if(chooseType == 1) { if(dishType == 0){ $('#poster').attr('src','./img/poster/hsr_fen.png'); }else if(dishType == 1){ $('#poster').attr('src','./img/poster/qcdf_fen.png'); }else if(dishType == 2){ $('#poster').attr('src','./img/poster/swy_fen.png'); }else{ $('#poster').attr('src','./img/poster/ymc_fen.png'); } } getMsg(); init(); $(".poster-mode").fadeIn(); } else { $('#edit').show(); $('#nameInput').show(); $('#nameText').hide(); $('#textInput').show(); $('#text').hide(); $('.replay-btn').show(); $('.secret-btn').show(); init(); if (isAvatorSupport && !window.ifDebug) { getMsg(); } } } // 获取登陆信息 function getMsg(){ if(URLParams['uid'] || localStorage.userId){ if(URLParams['uid']) { var uid = URLParams['uid']; var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("post","news/show",true); xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.send("id="+uid); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ var msg = JSON.parse(xhr.response); if(msg.code == "ok") { window.user_info.uid = msg.data.id; window.user_info.logo = msg.data.headerPic; window.user_info.nickname = msg.data.nickName; window.user_info.namemsg = msg.data.message; window.user_info.textmsg = msg.data.message; $('.headimg-box img').attr("src", msg.data.headerPic); $('.user-info p').html(msg.data.nickName); $('#nameText').html(msg.data.receiver); $('#text').html(msg.data.message); } }else{ console.log("错误"+xhr.status) } } } } else { window.user_info.uid = localStorage.userId; window.user_info.logo = localStorage.userPic; window.user_info.nickname = localStorage.userName; $('.headimg-box img').attr("src", localStorage.userPic); $('.user-info p').html(localStorage.userName); } }else { if(URLParams['code']){ var code = URLParams['code']; var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("post","user/weiXinLogin",true); xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.send("code="+code+"&type="+type); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ var msg = JSON.parse(xhr.response); if(msg.code == "ok") { window.user_info.uid = msg.data.id; localStorage.userId = msg.data.id; localStorage.userPic = msg.data.headerPic; localStorage.userName = msg.data.nickName; window.user_info.logo = msg.data.headerPic; window.user_info.nickname = msg.data.nickName; $('.headimg-box img').attr("src", msg.data.headerPic); $('.user-info p').html(msg.data.nickName); } }else{ console.log("错误"+xhr.status) } } } } else { window.location.href = url; } } } function saveText() { var value = $('#textInput').val(), receiver = $('#nameInput').val(); if(value == '' || receiver == '') { alert('请填写寄语'); return false; } var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("post","news/addNews",true); xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.send("receiver="+receiver+"&message="+value+"&userId="+window.user_info.uid); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ var msg = JSON.parse(xhr.response) , href = document.location.href; if(msg.code == "ok") { window.user_info.uid = msg.data.id; window.user_info.logo = msg.data.headerPic; window.user_info.nickname = msg.data.nickName; window.user_info.namemsg = msg.data.receiver; window.user_info.textmsg = msg.data.message; $('.headimg-box img').attr("src", msg.data.headerPic); $('.user-info p').html(msg.data.nickName); $('#nameInput').val(msg.data.receiver); $('#textInput').val(msg.data.message); if(document.location.href.indexOf('?') > -1){ href = document.location.href + "&uid=" + msg.data.id; } else { href = document.location.href + "?uid=" + msg.data.id; } } if(href != document.location.href){ history.pushState("", "Title", href); } var share = msg.data.receiver + "," + msg.data.message; //海报页面的微信分享 if (ua.match(/MicroMessenger/i) == 'micromessenger') { shareWeixin(share); } else if (ua.match(/WeiBo/i) == 'weibo') { shareWeibo(share); } }else{ console.log("错误"+xhr.status) } } } } $(".replay-btn").on("click",function(){ URLParams = new Array(); window.location.href = "https://wx.ttkuaiban.com/minigame/"; }) function hiddenCover() { $("#cover").hide(); } // 自适应 var stageWidth, stageHeight, stageScale; function stageBreakHandler(event) { if (stageWidth != $(".warp").width() || stageHeight != $(".warp").height()) { stageWidth = $(".warp").width(); stageHeight = $(".warp").height(); stageScale = stageWidth / 640; canvas.style.width = 640 * stageScale + 'px'; canvas.style.height = 1040 * stageScale + 'px'; } }