第一个贪吃蛇游戏~哦也

Your browser does not support the HTML5 canvas tag.

PS:

1.canvas要在JS内部来绘制图形var cxt=document.getElementById("myCanvas").getContext("2d");JavaScript 使用 id （myCanvas）来寻找 canvas 元素，然后创建 context 对象，getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

2.var snake = [{x:10,y:9},{x:10,y:8}]; 存放json格式数据的数组
JSON的语法规则：
    .数据在名称/值对中
    .数据由逗号分隔
    .花括号保存对象
    .方括号保存数组

3.shadowBlur 属性设置或返回阴影的模糊级数

4.unshift() :JS方法可向数组的开头添加一个或更多元素，并返回新的长度。unshift() 方法不创建新的创建，而是直接修改原有的数组，push() 方法，把一个或多个元素添加到数组的尾部。pop()方法，删除并返回数组的最后一个元素。

5.setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭
setInterval(code,millisec[,"lang"])
code     必需。要调用的函数或要执行的代码串。
millisec     必须。周期性执行或调用 code 之间的时间间隔，以毫秒计

 

 

 

 

 

 

转载于:https://www.cnblogs.com/rabbit-Rukia/archive/2012/12/30/2839408.html