游戏1,呆修改

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../javaScript/createjs/easeljs-0.8.2.min.js"></script>
</head>
<body>
    <canvas height="800px" width="800px" id="gameView"></canvas>

    <script>
        function Circle(){
            createjs.Shape.call(this);
            /*设置颜色
            * */
            this.setCorcol = function(colorString){
                this.graphics.beginFill(colorString);
                this.graphics.drawCircle(0,0,25);
                this.graphics.endFill();
            }
            /* 设置小圆形类型
            * type : 1：
            *       2：
            *       3：
            * */
            this.setCircleType = function (type){
                this._circleType = type;
                switch (type){
                    case Circle.TYPE_UNSELECTED:
                        this.setCorcol("#cccccc");
                        break;
                    case Circle.TYPE_SELECTED:
                        this.setCorcol("#00ff00");
                        break;
                    case Circle.TYPE_CAT:
                        this.setCorcol("#ff00ff");
                        break;
                    default :
                        this.setCorcol("#abcdef");
                        break;
                }
            }
            /* 获取圆形颜色
            * */
            this.getCircleType = function(){
                return this._circleType;
            }
            //默认设置颜色
            this.setCircleType(Circle.TYPE_UNSELECTED);
        }

        //将createjs形状类型传递和Circle
        Circle.prototype = new createjs.Shape();
        Circle.TYPE_UNSELECTED = 1;
        Circle.TYPE_SELECTED = 2;
        Circle.TYPE_CAT = 3;

        //创建并监控容器
        var stage = new createjs.Stage('gameView');
        createjs.Ticker.setFPS(30);
        createjs.Ticker.addEventListener("tick",stage);

        //
        var gameView = new createjs.Container();
        gameView.x=30;
        gameView.y=30;
        stage.addChild(gameView);

        var circleArr = [[],[],[],[],[],[],[],[],[]];
        var currentCat;//猫
        var MOVE_NONE = -1, MOVE_UP_LEFT=1,MOVE_UP_RIGHT=2,MOVE_LEFT=3,MOVE_RIGHT=4,MOVE_DOWN_RIGHT=5,MOVE_DOWN_LEFT=6;

        //圆形点击事件
        function circleClicked(even){
            if(even.target.getCircleType()!=3){
                even.target.setCircleType(2);
            }

            if(currentCat.indexX==0||currentCat.indexX==8||currentCat.indexY==0||currentCat.indexY==8){
                alert("游戏结束！");
                return;
            }

            var dir = getMoveCat(currentCat);
            switch (dir){
                case MOVE_LEFT:
                    currentCat.setCircleType(Circle.TYPE_UNSELECTED);
                    currentCat = circleArr[currentCat.indexX-1][currentCat.indexY];
                    currentCat.setCircleType(Circle.TYPE_CAT);
                    break;
                case MOVE_UP_LEFT:
                    currentCat.setCircleType(Circle.TYPE_UNSELECTED);
                    currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX:currentCat.indexX-1][currentCat.indexY-1];
                    currentCat.setCircleType(Circle.TYPE_CAT);
                    break;
                case MOVE_UP_RIGHT:
                    currentCat.setCircleType(Circle.TYPE_UNSELECTED);
                    currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX:currentCat.indexX+1][currentCat.indexY-1];
                    currentCat.setCircleType(Circle.TYPE_CAT);
                    break;
                case MOVE_RIGHT:
                    currentCat.setCircleType(Circle.TYPE_UNSELECTED);
                    currentCat = circleArr[currentCat.indexX+1][currentCat.indexY];
                    currentCat.setCircleType(Circle.TYPE_CAT);
                    break;
                case MOVE_DOWN_LEFT:
                    currentCat.setCircleType(Circle.TYPE_UNSELECTED);
                    currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX:currentCat.indexX][currentCat.indexY+1];
                    currentCat.setCircleType(Circle.TYPE_CAT);
                    break;
                case MOVE_DOWN_RIGHT:
                    currentCat.setCircleType(Circle.TYPE_UNSELECTED);
                    currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX:currentCat.indexX-1][currentCat.indexY+1];
                    currentCat.setCircleType(Circle.TYPE_CAT);
                    break;
            }
        }

        function getMoveCat(cat){
            var distanceMap = [];
            var can = true;
            var x,y;
            //left
            for (x=cat.indexX;x>=0;x--){
                if(circleArr[x][cat.indexY].getCircleType() == Circle.TYPE_SELECTED){
                    can = false;
                    distanceMap[MOVE_LEFT] = cat.indexX-x;
                    break;
                }
            }
            if(can){
                return MOVE_LEFT;
            }
            //左上
            can=true;
            var x = cat.indexX,y=cat.indexY;
            while(true){
                if(circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED){
                    can = false;
                    distanceMap[MOVE_UP_LEFT] = cat.indexY -y;
                    break;
                }
                if(y%2 ==0){
                    x--;
                }

                y--;
                if(y<0|| x<0){
                    break;
                }
            }
            if(can){
                return MOVE_UP_LEFT;
            }
            //右上
            can=true;
            var x = cat.indexX,y=cat.indexY;
            while(true){
                if(circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED){
                    can = false;
                    distanceMap[MOVE_UP_RIGHT] = cat.indexY -y;
                    break;
                }
                if(y%2 ==1){
                    x++;
                }
                y--;
                if(y<0|| x>8){
                    break;
                }
            }
            if(can){
                return MOVE_UP_RIGHT;
            }
            //右
            var can = true;
            for (var x=cat.indexX;x<9;x++){
                if(circleArr[x][cat.indexY].getCircleType() == Circle.TYPE_SELECTED){
                    can = false;
                    distanceMap[MOVE_RIGHT] = x-cat.indexX;
                    break;
                }
            }
            if(can){
                return MOVE_RIGHT;
            }
            //右下
            can=true;
            var x = cat.indexX,y=cat.indexY;
            while(true){
                if(circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED){
                    can = false;
                    distanceMap[MOVE_DOWN_RIGHT] = y- cat.indexY;
                    break;
                }
                if(y%2 ==1){
                    x++;
                }
                y++;
                if(y>8|| x>8){
                    break;
                }
            }
            if(can){
                return MOVE_DOWN_RIGHT;
            }
            //左下
            can=true;
            var x = cat.indexX,y=cat.indexY;
            while(true){
                if(circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED){
                    can = false;
                    distanceMap[MOVE_DOWN_LEFT] = y-cat.indexY ;
                    break;
                }
                if(y%2 ==0){
                    x--;
                }
                y++;
                if(y>8|| x<0){
                    break;
                }
            }
            if(can){
                return MOVE_DOWN_LEFT;
            }


            var maxDir = -1, maxValue = -1;

            for (var dir = 0; dir < distanceMap.length; dir++) {
                if (distanceMap[dir] > maxValue) {
                    maxDir = dir;
                    maxValue = distanceMap[dir];
                }
            }

            if (maxValue > 1) {
                return maxDir;
            } else {
                return MOVE_NONE;
            }
        }
        /*添加圆形 布局
        * */
        function addCircles(){
            for(var indexY=0; indexY<9; indexY++){
                for(var indexX=0; indexX<9; indexX++){
                    var c = new Circle();
                    gameView.addChild(c);
                    circleArr[indexX][indexY] =c;

                    c.indexX = indexX;
                    c.indexY = indexY;

                    c.x = indexY%2?indexX*55+25:indexX*55;
                    c.y = indexY*55;

                    if(indexX==4&&indexY==4){
                        c.setCircleType(Circle.TYPE_CAT);
                        currentCat = c;
                    }else if (Math.random() < 0.3) {
                        c.setCircleType(Circle.TYPE_SELECTED);
                    }
                    c.addEventListener("click",circleClicked);
                }
            }
        }

        addCircles();



    </script>
</body>
</html>
posted @ 2016-06-26 23:44 luanyizixuan 阅读(123) 评论(0) 收藏举报
刷新页面返回顶部
luanyizixuan

游戏1,呆修改

公告
