JavaScript—面向对象贪吃蛇_2 游戏对象

迷南。 2023-10-11 13:16 50阅读 0赞

游戏对象

function Game(map) {
        this.map = map;
        this.food = new Food(this.map)
        this.snake = new Snake(this.map)
    }
    
    Game.prototype.go = function () {
        let food=this.food
        let snake=this.snake;
        food.show()
        snake.show()
        let go_time = setInterval(function () {
            console.log(snake,food)
    
            if (snake.gameif){
                clearInterval(go_time)
            }
            document.addEventListener('keydown', function (e) {
                //结束游戏。game over
                // up:38 down:40 left：37 reight:39
                switch (e.keyCode) {
                    case 37: {
                        //禁止反方向
                        if (snake.direction=='right'){
                            break;
                        }
                        snake.direction='left'
                        break;
                    }
                    case 38: {
                        if (snake.direction=='down'){
                            break;
                        }
                        snake.direction='up'
                        break;
                    }
                    case 39: {
                        if (snake.direction=='left'){
                            break;
                        }
                        snake.direction='right'
                        break;
                    }
                    case 40: {
                        if (snake.direction=='up'){
                            break;
                        }
                        snake.direction='down'
                        break;
                    }
                }
            }, false)
    
            snake.udlr()
            snake.show()
            snake.feed(food)
    
        }, 100)
    
    
    }

转载于:https://www.cnblogs.com/ruogu/p/10840391.html

发表评论取消回复

表情：

评论列表（有 0 条评论，50人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript—面向对象贪吃蛇最终

效果 ![797834-20190509192223679-2123143675.gif][] 代码 //食物对象 ;(function () {

Dear 丶/ 2023年10月11日 13:16/ 0 赞/ 47 阅读

相关 JavaScript—面向对象贪吃蛇_1

前面说了。面向对象的思考方式和面向过程的思考方式有着本质的区别。贪吃蛇。作为各大培训机构。面向对象的练手项目，的确好。我昨天看完视频,有一种领悟面向对象的感觉，当然可

Love The Way You Lie/ 2023年10月11日 13:16/ 0 赞/ 50 阅读

相关 JavaScript—面向对象贪吃蛇_2 游戏对象

游戏对象 function Game(map) { this.map = map; this.food = new Food(this

迷南。/ 2023年10月11日 13:16/ 0 赞/ 51 阅读

相关 JavaScript—面向对象贪吃蛇_3 蛇对象

蛇对象 function Snake(element) { this.width = 20 this.height = 20

矫情吗；*/ 2023年10月11日 13:13/ 0 赞/ 54 阅读

相关 JavaScript—面向对象贪吃蛇_2 食物对象

食物对象 //自调用 (function (){ function Food(element) { this.widt

叁歲伎倆/ 2023年10月11日 13:13/ 0 赞/ 19 阅读

相关 javascript用面向过程写贪吃蛇游戏

下面是HTML与CSS的代码 CSS: <style> { margin: 0; padding

超、凢脫俗/ 2022年12月11日 04:24/ 0 赞/ 187 阅读

相关 JavaScript 进阶教程(2)---面向对象实战之贪吃蛇小游戏

目录 1 引言 2 游戏地图 3 游戏对象 3.1 食物对象 3.2 小蛇对象 3.3 游戏对象 4 游戏的逻辑 4.1小蛇的移动 4.2 让蛇自己动起来

拼搏现实的明天。/ 2022年12月02日 04:21/ 0 赞/ 96 阅读

相关 Javascript实现贪吃蛇小游戏

![这里写图片描述][SouthEast] 黑色背景是一个900px\600px的相对定位的一个div（obox）,我们在其内部动态生成一系列的小div，内部的开始游戏按钮，

秒速五厘米/ 2022年06月12日 06:23/ 0 赞/ 482 阅读

相关 JS实现最简单的贪吃蛇小游戏（面向对象思想）

本次练习主要是练习javaScript的面对对象思想话不多说，先看看效果图 ![20180602211148708][] 功能描述：1.小蛇在指定地图内移动，撞到

r囧r小猫/ 2022年05月23日 05:20/ 0 赞/ 167 阅读

相关从贪吃蛇移动到JS面向对象

需求 > Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。 > 比如下面这是一条贪吃蛇（你自己想象）；我们如何创建

旧城等待，/ 2022年01月31日 16:21/ 0 赞/ 187 阅读