操作方法:
按键盘上下左右或者wasd移动方向。
计分规则:
蛇身每增加一节,分数加10,在吃到下一个食物前每改变一次方向,减一分。
ps:分数可能会是负值{:4_105:}
html5标签canvas:
canvas 元素用于在网页上绘制图形。
在贪吃蛇中利用画布绘制背景网格:
//清空整个画布
ctx.clearRect(0,0,480,480);
//绘制网格
for(var i=0;i<30;i++){
ctx.strokeStyle="#ccc";//线条颜色
ctx.beginPath();
//绘制横线
ctx.moveTo(0,i*width);
ctx.lineTo(480,i*width);
//绘制竖线
ctx.moveTo(i*width,0);
ctx.lineTo(i*width,480);
ctx.closePath();
ctx.stroke();
}在贪吃蛇中利用画布绘制蛇身及食物:
//绘制蛇的身体
for(var i=0;iHTML5标签output:
output 元素用于不同类型的输出,比如计算或脚本输出:
HTML5可视化mp3音乐播放器代码
HTML5可视化mp3音乐播放器代码是一款基于HTML5 Canvas实现的通过AudioContext对获取audio标签播放的音域和音高,调用js绘制相应高度的矩形或线条。
下载
贪吃蛇
贪吃蛇游戏
得分:
贪吃蛇
贪吃蛇游戏
得分:










