本文为机构官方的教程,主要介绍贪食蛇
1.首先创建div 并且给div加样式给地图(div和表格)、所有的块(蛇头,食物身体加样式)
2.创建地图
document.write("
3.调用createNode函数创建块
var pannel = document.getElementById("pannel"); function createNode(type) {... } //[i][b]根据type创建块(0头部 1食物 2身体)[/b][/i] //申请一些变量以便以后调用 var allNode = new Array();//存所有吃到的身体 var fooldNode = null;//指向食物a var headNode = null;//指向头部b headNode = createNode(0);//创建头部A headNode.value = 39;//给头部一个方向 37左 38上 39右 40下 fooldNode = createNode(1);//创建食物B
4.定时器
function moveNode() {...};
setInterval(moveNode, 500);启动定时器
5.
document.onkeydown = function () {通过event.keyCode改变headNode.value实现用户按键改变蛇头自动移动的方向}
6.核心逻辑
在第4中的 function moveNode() {...}; 定时执行此函数实现了:1.移动所有身体 2.移动蛇头 3.创建新块并且 新块在蛇尾产生,方向与蛇尾相同------------------------------------------------------------------------------------------------- 实现源码
Title