HTML5贪吃蛇游戏实现思路及源代码

2024年2月8日发(作者：)

this.w = sw;

this.h = sh;

ion = direction;

= status;

= speed;

= image;

= flag;

}

function transfer(keyCode)

{

switch (keyCode)

{

case 37:

return 1;

case 38:

return 3;

case 39:

return 2;

case 40:

return 0;

}

}

function addFood()

{

//food_x=box_x+(()*(box_width-unit));

//food_y=box_y+(()*(box_height-unit));

food_x = unit * (() * x_cnt);

food_y = unit * (() * y_cnt);

food = new Role(food_x, food_y, unit, unit, 0, 0, 0, image_sprite, true);

}

function play(event)

{

var keyCode;

if (event == null)

{

keyCode = e;

tDefault();

}

else

{

keyCode = e;

tDefault();

}

var cur_direction = transfer(keyCode);

snake[0].direction = cur_direction;

}

function update()

{

//add a new part to the snake before move the snake

if (snake[0].x == food.x && snake[0].y == food.y)

{

var length = ;

var tail_x = snake[length - 1].x;

var tail_y = snake[length - 1].y;

var tail = new Role(tail_x, tail_y, unit, unit, snake[length - 1].direction, 0, 0, image_sprite, true);

(tail);

addFood();

}

//modify attributes

//move the head

switch (snake[0].direction)

{

case 0: //down

snake[0].y += unit;

if (snake[0].y > bound_down - unit)

snake[0].y = bound_down - unit;

break;

case 1: //left

snake[0].x -= unit;

if (snake[0].x < bound_left)

snake[0].x = bound_left;

break;

case 2: //right

snake[0].x += unit;

if (snake[0].x > bound_right - unit)

snake[0].x = bound_right - unit;

break;

case 3: //up

snake[0].y -= unit;

if (snake[0].y < bound_up)

snake[0].y = bound_up;

break;

}

//move other part of the snake

for (var i = - 1; i >= 0; i--)

{

if (i > 0)

//snake[i].direction=snake[i-1].direction;

{

snake[i].x = snake[i - 1].x;

snake[i].y = snake[i - 1].y;

}

}

}

function drawScene()

{

ect(box_x, box_y, box_width, box_height);

Style = "rgb(0,0,0";

Rect(box_x, box_y, box_width, box_height);

//detection collisions

//draw images

for (var i = 0; i < ; i++)

{

age(image_sprite, snake[i].x, snake[i].y);

}

age(image_sprite, food.x, food.y);

}

function init()

{

canvas = mentById("scene");

ctx = text('2d');

//images

image_sprite = new Image();

image_ = "images/";

image_ = function ()

{}

//ojects

snake = new Array();

var head = new Role(0 * unit, 0 * unit, unit, unit, 5, 0, 1, image_sprite, true);

(head);

ntListener('keydown', play, false);

addFood();

setInterval(update, 300); //note

setInterval(drawScene, 30);