Chuanzhi 팟캐스트 JavaScript 객체지향 스네이크 게임 비디오 튜토리얼 자료(코스웨어, 소스 코드) 완성 공유-JS 튜토리얼-php.cn

Chuanzhi 팟캐스트 JavaScript 객체지향 스네이크 게임 비디오 튜토리얼 자료(코스웨어, 소스 코드) 완성 공유

黄舟

풀어 주다： 2017-12-04 11:20:26

원래의

1889명이 탐색했습니다.

"Chuanzhi 팟캐스트 JavaScript 객체 지향 스네이크 게임 완성 비디오 튜토리얼"에서는 JavaScript 객체 지향에 대한 지식을 소개하고 객체 지향 프로그래밍 아이디어를 사용하여 스네이크 게임을 완성합니다. 글이 오히려 헷갈리고, 논리적 오류가 있습니다. 뱀이 과일을 먹은 후 뱀의 꼬리에 한 칸을 더해야 하는데 뱀의 머리에 한 칸을 더하라고 적혀 있습니다--. 키보드의 위, 아래, 왼쪽 및 오른쪽 키를 사용할 수 있습니다.

Chuanzhi 팟캐스트 JavaScript 객체지향 스네이크 게임 비디오 튜토리얼 자료(코스웨어, 소스 코드) 완성 공유 선생님 강의 스타일:

선생님의 강의는 생생하고 재치 있고 재치 있고 감동적입니다. 생생한 은유는 학생들에게 지혜의 문을 열어주는 마무리와 같습니다. 잘 배치된 유머는 마치 부드러운 와인 한 잔을 마시는 것과 같이 학생들에게 아는 듯한 미소를 가져다 주고, 사람들에게 철학자의 격언과 문화적 언급을 선사합니다. 내레이션에 때때로 삽입되어 사람들에게 생각과 경고를 제공합니다.

이 영상에서 욕심 많은 뱀이 더 어렵습니다:

Things

욕심 많은 뱀은 해결해야 할 몇 가지 주요 문제를 가지고 있습니다
회전, 뱀 몸의 모든 지점이 지나갈 때 회전해야 합니다 전환점

먹고, 한개 먹을 때마다 뱀 몸이 1포인트씩 늘어납니다

실패, 벽에 부딪히거나 뱀에 부딪히면 실패로 간주됩니다

기본적으로 이 셋에서는 '욕심쟁이 뱀'이 어렵습니다. 순서대로 난이도는 높음부터 낮음까지 있습니다. 가장 쉬운 것은 벽에 부딪히지 않고 실패를 판단하는 것입니다. 가장 어려운 부분은 조종과 식사입니다. 이러한 문제를 처음부터 차근차근 해결해 봅시다.

일부 변수

var mapItemX=60;  //游戏地图横向点数
var mapItemY=31;  //游戏地图纵向点数
var snakeLen=5;  //蛇的初始长度
var snakeMoveDirection=&#39;E&#39;;  //蛇的移动方向
var snakeStartPoints={&#39;x&#39;:5,&#39;y&#39;: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=&#39;&#39;;
    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, 두 번째 행에서는 0,1 등으로 시작해야 한다는 점에 유의하세요. 2차원 배열, 이는 위치결정과 직접적인 관련이 있으므로 이러한 구조가 확보되어야 합니다.

생성된 모든 포인트에는 수직 및 수평 좌표를 기반으로 하는 ID가 있으며, 이는 이러한 포인트를 제어하는 데 필요합니다

여기에서 소스 코드 리소스를 다운로드하는 것이 좋습니다:

http: //www.php. cn/xiazai/learn/2117

notes.docx

drawings.xlsx

snake.html (소스 코드)

위 내용은 Chuanzhi 팟캐스트 JavaScript 객체지향 스네이크 게임 비디오 튜토리얼 자료(코스웨어, 소스 코드) 완성 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!