JavaScript 強化チュートリアル - Snake を実装するための 6 つのステップ

JavaScript 強化チュートリアル - Snake を実装するための 6 つのステップ

1. まず div を作成し、div にスタイルを追加します

7f91e0fd3b3cd79c5fd047cec10a1329 マップ (div とテーブル)、すべてのブロック (snake) heads)、food body plus style)

2. マップを作成します

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

3. createNode 関数を呼び出してブロックを作成します

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

5. 6コア ロジック 第 4 章の関数 moveNode() {...}; は以下を実装するために定期的に実行されます: 1. すべてのボディを移動します 2. スネークの頭を移動します 3. 新しいブロックを作成し、新しいブロックが次の場所に生成されます。蛇の尻尾、向きあり 蛇の尻尾も同じ

------------------------------------------------- ---------------------------------------------------- ---------------

ソースコードの実装

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

上記は JavaScript 拡張チュートリアル - 貪欲なスネークを実装するための 6 つのステップです。関連コンテンツの詳細については、PHP に注目してください。中国語のウェブサイト (www.php.cn)!