Комментарий: еда змей, основные функции: 1. Движение змеи 2. Измените направление змеи 3. Поместите пищу 4. Увеличьте жертву себя 5. Как ее повесить, конкретная реализация заключается в следующем. Это просто и практично в 60 строках. Заинтересованные друзья могут ссылаться на это. Я надеюсь, что это будет полезно для всех.
В прошлом я редко обращал внимание на HTML5. Я чувствую, что выбор HTML постепенно стал тенденцией, поэтому я хочу знать об этом. Я нашел игру, чтобы узнать ее. После написания этой игры я почувствовал, что HTML5 и JS были очень тесно интегрированы, если JS не был особенно хорош. Я думаю, мне нужно сначала взять репетиторство. Это только мой личный совет, и это может быть не точным. Другое дело, что вы должны быть особенно ясны в своем мышлении и логике, в противном случае написание игр может быть болезненным.Основные функции жадных змей: 1. Змея движется 2. Измените направление змеи 3. Поместите пищу 4. Увеличьте жертву 5. Как ее повесить.
В первый раз, когда я написал игру, в первый раз, когда я написал HTML5, это было очень сложно. Я закончил писать, и я поделюсь им с вами. Общение друг с другом ... если вы не понимаете или не имеете никаких предложений, пожалуйста, оставьте мне сообщение. Полем Полем Код очень короткий, всего 60 строк.
Но это полуфинальный продукт, и он закончен. Обновление снова
<! Doctype html>
<html>
<тело>
<Canvas> </canvas>
<script type = "text/javascript">
var c = document.getElementbyId ("myCanvas");
ВАР ВРЕМЯ = 160; // скорость змеи
var cxt = c.getContext ("2d");
var x = y = 8;
var a = 0; // координаты еды
var t = 20; // пожертвовать своей жизнью
var map = []; // Записать путь бега змеи
var size = 8; // Размер блока тела змеи
var направление = 2; // 1 вверх 2 справа 0 слева 3 вниз
интервал = window.setInterval (set_game_speed, time); // переместить змею
Функция set_game_speed () {// Перемещение змеи
переключение (направление) {
Случай 1: y = y-size; перерыв;
Случай 2: x = x+size; break;
случай 0: x = x-size; break;
Случай 3: y = y+size; перерыв;
}
if (x> 400 || y> 400 || x <0 || y <0) {
Блюдо («Вы мертвы, продолжайте усердно работать! Причина неудачи: я ударяю по стене ...»); window.location.reload ();
}
for (var i = 0; i <map.length; i ++) {
if (parseint (map [i] .x) == x && parseint (map [i] .y) == y) {
Блюдо («Вы мертвы, продолжайте усердно работать! Причина неудачи: я наткнулся на себя ...»); window.location.reload ();
}
}
if (map.length> t) {// сохранить свою жертвенную длину
var cl = map.shift (); // Удалить первый элемент массива и вернуть исходный элемент
cxt.clearrect (cl ['x'], cl ['y'], размер, размер);
};
map.push ({'x': x, 'y': y}); // Добавить данные в конце исходного массива
cxt.fillstyle = "#006699"; // Внутренняя заливка
cxt.strokestyle = "#006699"; // Цвет границы
cxt.fillrect (x, y, size, size); // рисовать прямоугольник
if ((a*8) == x && (a*8) == y) {// есть еду
rand_frog (); t ++;
}
}
document.onkeydown = function (e) {// изменить направление змеи
var code = e.keycode - 37;
Switch (код) {
Случай 1: Направление = 1; Брейк; // В
Случай 2: Направление = 2; разрыв; // Право
Случай 3: Направление = 3; Брейк; // Далее
Случай 0: направление = 0; перерыв; // слева
}
}
// случайно размещать еду
функция rand_frog () {
a = math.ceil (math.random ()*50);
cxt.fillstyle = "#00000"; // Внутренняя заливка цвета
cxt.strokestyle = "#00000"; // Цвет границы
cxt.fillrect (a*8, a*8, 8, 8); // Нарисуйте прямоугольник
}
// случайно размещать еду
rand_frog ();
</script>
</body>
</html>