В этой статье представлены холст H5 для достижения жадных игр Snake, поделитесь ею со всеми, следующим образом:
Эффект выглядит следующим образом Идеи реализации:PS: Это просто думает.
1. Сначала нарисуйте змею <! </head> <body> <canvas id = canvas width = 800 height = 500> </body> </body> <script> var canvas = document.getelementbyid ('canvas'); (2d '); color = color;} // метод рисования блока rect.prototype.draw = function () {context.beginpath (); . // Нарисуйте четыре квадратных блока, установленные на серые для (var i = 0; i <4; i ++) {var rect = new Rect (i*20,0,20,20, серый); Использование push (плюс позже), чтобы заставить змею появиться в первом положении массива snakearray.splice (0,0, rect);} // head = snakearray [0]; Вещи, которые обычно используются после двух, устанавливаются в качестве атрибутов, так что более позднее называется это. (С стрелкой в правом коде) this.Direction = 39;} // Метод рисования змеи змеи. this.snakearray [i] .draw ();} // Метод движения змеи snake.prototype.move = function () {// Это основная часть, метод движения змеи // 1. Нарисуйте серый квадрат, Перекрывайте положение с змеиной головкой // 2. Вставьте этот блок в положение за головкой змеи в массиве // 3. Отрежьте конец конца // 4. Переместите головку змеи в направлении направления установки .. / Определите, есть ли пищу, функция определения ISEAT записывается в конце // Когда вы ее едите, еда будет дана эта позиция снова. getRandomFood ();} else {this.snakearray.pop ();} // Установите направление движения головки змеи, 37 слева, 38, 39 справа, 40 Stitch (this. Direction) {case 37: this.head. x- = break .y += this.head.h Break; .y> Canvas.height || I = 1; (Timer);}}} // Нарисуйте начальную змею var snake = new Snake () snake.draw (); {context.clearrect (0,0, Canvas.width, Canvas.head); Сделайте змею неспособную обратиться к документу. smake.direction = 37;} break;} case 38: {if (snake.direction! == 40) {snake.direction = 38;} Break;} case 39: {if.Direction! Направление = 39;} Break;} Case 40: {if (snake.diverection! == 38) {snake.diverection = 40;} Bream; var anrage = max-min; Он тяжелый, затем переоценивает переменные операторы не выполняют следующие операторы ISSNAKE = false; 20, 20, зеленый); y == rect.y) {// Если определение повторно Объектная пища имеет метод рисования возврата прямо;} // определяет, что употребление пищи, то есть координаты головы змеи и координаты пищи функции - () {if (smake.head.x == food.x && smake .. Head.y == food.y) {return true;} else {return false;} </script> </html>Выше всего содержимое этой статьи.