Javascript 增加障碍,;碰撞到画布游戏

Javascript 增加障碍,;碰撞到画布游戏,javascript,canvas,collision-detection,Javascript,Canvas,Collision Detection,我正试图给我的画布游戏添加一些障碍,但似乎有些地方出了问题,我似乎无法确定 我只是想要一些简单的墙在这里和那里,使游戏更难和碰撞的墙壁(这样,如果球员击中墙壁,游戏结束) var //变数 COLS=25,//列 行数=25,//行数 EMPTY=0,//空单元格 SNAKE=1,//SNAKE 水果=2,//水果 左=0,//左方向(键) 向上=1,//向上方向(键) 右=2,//右方向(键) 向下=3,//向下方向(键) KEY_LEFT=37,//键盘输入的按键代码(可以在线找到代码)

我正试图给我的画布游戏添加一些障碍,但似乎有些地方出了问题,我似乎无法确定

我只是想要一些简单的墙在这里和那里,使游戏更难和碰撞的墙壁(这样,如果球员击中墙壁,游戏结束)

var
//变数
COLS=25,//列
行数=25,//行数
EMPTY=0,//空单元格
SNAKE=1,//SNAKE
水果=2,//水果
左=0,//左方向(键)
向上=1,//向上方向(键)
右=2,//右方向(键)
向下=3,//向下方向(键)
KEY_LEFT=37,//键盘输入的按键代码(可以在线找到代码)
KEY_UP=38,//键盘输入的按键代码(可以在线找到代码)
KEY_RIGHT=39,//键盘输入的按键代码(可以在线找到代码)
KEY_DOWN=40,//键盘输入的按键代码(可以在线找到代码)
障碍物=[[0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,0,0,2,0,0,0,0,0,0],
//        [0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0],
//        [0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0],
//        [0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0],
//        [0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0]],
//物体
画布,//画布
ctx,//画布渲染
keystate,//键输入
帧数,//每秒帧数
分数//球员得分
网格={
宽度:null,//列数
高度:null,//行数
_grid:null,//数组
init:函数(d,c,r){//初始化方向、列和行。
this.width=c;//将宽度设置为列数(c)
this.height=r;//将高度设置为行数(r)
此。_grid=[];//使用空数组启动网格
对于(var x=0;xvar collisions = [];
function addCollision(x,y){
    if(typeof collisions[x] == "undefined")collisions[x] = []; //If the row is empty, create it
    collisions[x][y] = true;                                   //Set the row and column to true
};
function checkCollision(x,y){
    return (typeof collisions[x] != "undefined")?//If the row is undefined, there's nothing in it, so return false
    ((typeof collisions[x][y] != "undefined")    //If not, but the column is undefined, return false
    ?true:false):false;                          //If the row and column is true, return true.
};