Tutoriel de renforcement de JavaScript – Six étapes pour implémenter Snake

Carte (div et table), tous les blocs (tête de serpent, corps de nourriture plus style)

2. >

<div id="pannel" style="width: 500px;height: 500px;z-index: 1;opacity: 0.5"></div>

3. Appelez la fonction createNode pour créer un bloc

4. 5.

document.write("<table cellspacing=&#39;0px&#39;>");
    for (var i = 0; i < 10; i++) {... }
    document.write("</table>");

6. Logique de base La fonction moveNode() {...} ; du chapitre 4 exécute cette fonction régulièrement pour réaliser : 1. Déplacez tous les corps

2. Déplacez la tête du serpent3. Créez un nouveau bloc et le nouveau bloc sera généré à la queue du serpent, dans la même direction que la queue du serpent

var pannel = document.getElementById("pannel");
    function createNode(type) {... } //根据type创建块（0头部 1食物 2身体）    //申请一些变量以便以后调用
    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

--. ------------------- ------------------------------- ------------------- --------------Code source d'implémentation

function moveNode() {...};

Ce qui précède est le didacticiel d'amélioration de JavaScript - six étapes pour obtenir du contenu gourmand Snake, veuillez faire attention au site Web PHP chinois (www.php.cn) pour plus de contenu connexe !

setInterval(moveNode, 500);启动定时器