Chuanzhi Podcast JavaScript オブジェクト指向完成スネーク ゲーム ビデオ チュートリアル資料 (コースウェア、ソース コード) の共有

「Chuanzhi Podcast JavaScript オブジェクト指向によるスネーク ゲームの完成ビデオ チュートリアル」では、JavaScript オブジェクト指向に関する知識を紹介し、オブジェクト指向プログラミングのアイデアを使用してスネーク ゲームを完成させます。かなりややこしい書き方で、蛇が実を食べた後、蛇の尻尾に節を加えるはずが、蛇の頭に節を加えるように書かれているという論理的な誤りがある――。キーボードの上下左右キーを使用できます

コース再生アドレス: http://www.php.cn/course/591.html

先生 講義スタイル:

先生の講義は鮮やかで、機知に富み、機知に富み、感動的です。鮮やかな比喩は最後の仕上げのようなもので、生徒に知恵への扉を開きます。適切に配置されたユーモアは、まろやかなワインを飲むように、人々に後味と郷愁を与え、哲学者の格言や文化への言及をもたらします。ナレーションの中に時々散りばめられ、人々に考えさせ、警告を与えます。

このビデオでは貪欲なヘビのほうが難しいです:

物事

貪欲なヘビには解決する必要があるいくつかの主な問題があります

回転、通過するときにヘビの体のすべての点を回転する必要がありますターニングポイント

食べると1つ食べるごとにヘビ本体が1ポイント増えます

失敗、壁にぶつかったりヘビに当たったりすると失敗とみなされます

基本的に「貪欲なスネーク」はこの3つが難しいです難易度は高い順にありますが、最も簡単なのは壁にぶつからずに失敗と判断することです。一番難しいのはハンドルを握ること、そして食べることです。これらの問題を最初から段階的に解決しましょう。

いくつかの変数

var mapItemX=60;  //游戏地图横向点数
var mapItemY=31;  //游戏地图纵向点数
var snakeLen=5;  //蛇的初始长度
var snakeMoveDirection='E';  //蛇的移动方向
var snakeStartPoints={'x':5,'y':15};  //蛇的起始位置
var snake=new Array();  //用于存放蛇身点的坐标
var corner=new Array();  //用于存放转角点坐标
var cornerNum=0;  //转角数
var timer,speed=100;  //移动计时器和初始移动速度
var timeiner,timeSecond=0,timeMinute=0,timestr=0;  //时间计时器，分，秒，总秒数
var mouseX,mouseY;  //老鼠位置（吃的）
var start=false;  //是否开始

マップの初期化

function init(){
    var maps='';
    for(var i=0;i<mapItemY;i++){
        for(var j=0;j<mapItemX;j++){
            maps=maps+&#39;<p id="mapItem_&#39;+j+&#39;_&#39;+i+&#39;" class="mapItem"></p>&#39;;
        }
    }
    $("#game_map").html(maps);  //放地图的容器
}

マップは非常に単純ですが、最初の行は0,0、2行目は0,1などで始まる必要があることに注意してください。 2次元配列、これは位置決めに直結するため、このような構造を確保する必要があります。

生成されたすべてのポイントには、垂直座標と水平座標に基づく ID があり、これらのポイントを制御するために必要になります

ここで、ソース コード リソースをダウンロードすることもお勧めします:http://www.php。 cn/xiazai/learn/2117

1. notes.docx

2. drawing.xlsx

3. snake.html (ソースコード)

以上がChuanzhi Podcast JavaScript オブジェクト指向完成スネーク ゲーム ビデオ チュートリアル資料 (コースウェア、ソース コード) の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。