js贪吃蛇

function init() {
            w = 40; m = 20; d = w * m / 2; food = null;
            dm = new ht.DataModel();
            g3d = new ht.graph3d.Graph3dView(dm);
            g3d.setGridVisible(true);
            g3d.setGridColor('#29B098');
            g3d.setGridSize(m);
            g3d.setGridGap(w);
            view = g3d.getView();
            view.className = 'main';
            document.body.appendChild(view);
            window.addEventListener('resize', function (e) {  g3d.invalidate(); }, false);
            g3d.sm().setSelectionMode('none');
            view.addEventListener(ht.Default.isTouchable ? 'touchstart' : 'mousedown', function(e){
                if(isRunning){
                    var p = g3d.getHitPosition(e);
                    if(Math.abs(p[0]) < d && Math.abs(p[2]) < d){
                        if(direction === 'up' || direction === 'down'){
                            direction = p[0] > snake[0].p3()[0] ? 'right' : 'left';
                        }
                        else if(direction === 'left' || direction === 'right'){
                            direction = p[2] > snake[0].p3()[2] ? 'down' : 'up';
                        }
                    }
                }else if(ht.Default.isDoubleClick(e)){
                    start();
                }
            }, false);
            start();
            setInterval(function(){ if(isRunning){ isRunning = next(); } }, 200);
        }
        function start(){
            dm.clear(); snake = []; score = 0; direction = 'up'; isRunning = true;
            shape = new ht.Shape();
            shape.setPoints(new ht.List([
                {x: -d, y: d},
                {x: d, y: d},
                {x: d, y: -d},
                {x: -d, y: -d},
                {x: -d, y: d}
            ]));
            shape.setThickness(4);
            shape.setTall(w);
            shape.setElevation(w/2);
            shape.s({'all.color': 'rgba(20, 120, 120, 0.5)', 'all.transparent': true, 'all.reverse.cull': true});
            dm.add(shape);
            for(var i=0; i<m/2; i++) { snake.push(createNode(m/2 + i, m/2)); }
            createFood();
        }
        function createNode(x, y){
            var node = new ht.Node();
            node.a({ x: x,  y: y });
            node.s3(w*0.9, w*0.9, w*0.9);
            node.p3(-w*m/2+w*x+w/2, w/2, -w*m/2+w*y+w/2);
            dm.add(node);
            return node;
        }
        function getRandom(){
            return parseInt(Math.random() * m);
        }
        function createFood(){
            var x = getRandom(), y = getRandom();
            while(touchFood(x, y) || touchSnake(x, y)){ x = getRandom(); y = getRandom(); }
            if(food) dm.remove(food);
            food = createNode(x, y);
            food.s({'shape3d': 'sphere',  'shape3d.color': 'red'});
        }
        function touchSnake(x, y){
            for(var i=0; i<snake.length; i++){
                if(snake[i].a('x') === x && snake[i].a('y') === y){ return true; }
            }
            return false;
        }
        function touchFood(x, y){
            return food && food.a('x') === x && food.a('y') === y;
        }
        function next(){
            var node = snake[0], x = node.a('x'), y = node.a('y');
            if(direction === 'up') y--;
            if(direction === 'down') y++;
            if(direction === 'left') x--;
            if(direction === 'right') x++;
            if(x < 0 || x >= m || y < 0 || y >= m || touchSnake(x, y)){ return false; }
            if(touchFood(x, y)){
                score++;
                snake.splice(0, 0, createNode(x, y));
                createFood();
            }else{
                snake.splice(0, 0, createNode(x, y));
                dm.remove(snake.pop());
            }
            return true;
        }

复制代码