贪吃蛇游戏引擎和食物的构造

今天简单介绍一下贪吃蛇游戏引擎和随机食物的构造，之后再补充整个游戏中蛇的构造以及蛇的运动。
下面是游戏截图：

image.png

制作这样的游戏，思路是这样的构建一个游戏引擎，也就是整个容器，然后在容器里面随机构建食物，最后再搭建蛇以及蛇的运动，最后一步有点难度，放在下次完善，今天先来分享一下游戏引擎和食物的构建。

创建游戏引擎和食物的样式

目前引擎和食物的样式就这么多，后面补充贪吃蛇的时候会增加其他样式。

js部分（游戏引擎和随机食物的创建）

//新建一个对象，代表整个游戏引擎。
    var gameBox={
        rows:20,//rows代表行数；
        cols:20,//cols代表列数；
        start:function(){    //start游戏开始时创建所有的游戏环境。
            var oTable=document.createElement("table");
            document.body.appendChild(oTable);//新建一个表格，加到页面上去，代表游戏容器。
            gameBox.allTd=[];//设置食物所在位置时，我们需要知道它所在位置，整个容器由不同td构成，所以要把每个td按行列加入到一个大数组里面。
            for(i=0;i

关于贪吃蛇的游戏引擎和随机食物的构造已经讲完，关于蛇的构建和运动请听下回分解。