game/minigame/WebContent/js/main.js

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 isMobile = false;
    if (!!navigator.userAgent.match(/AppleWebKit.*Mobile.*/)) {
        isMobile = true;
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            type = 0;
            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;
            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;
            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();
        $(".poster-mode").fadeIn();
    } else {
        $('#edit').show();
        $('#nameInput').show();
        $('#nameText').hide();
        $('#textInput').show();
        $('#text').hide();

        $('.replay-btn').show();
        $('.secret-btn').show();

        init();
        if (isMobile && !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;

                //海报页面的微信分享
                shareWeixin(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';
    }
}