用php写一个贪吃蛇游戏
时间: 2023-12-29 14:17:52 浏览: 147
PHP基础的贪吃蛇游戏制作1
4星 · 用户满意度95%
对于AI助手来说,我并不是一个可以直接在屏幕上展示游戏的程序,但我可以为您提供一个基本的PHP贪吃蛇游戏的程序框架,您可以根据您的需求进行修改和完善。
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>贪吃蛇游戏</title>
<style type="text/css">
#gameBoard {
width: 600px;
height: 400px;
margin: 0 auto;
border: 1px solid #000;
position: relative;
}
.snake {
width: 10px;
height: 10px;
background-color: #000;
position: absolute;
}
.food {
width: 10px;
height: 10px;
background-color: #f00;
position: absolute;
}
</style>
</head>
<body>
<div id="gameBoard"></div>
<script type="text/javascript">
// 初始化游戏
function init() {
var gameBoard = document.getElementById('gameBoard');
var snake = [];
var food = null;
var direction = 'right';
// 初始化蛇身
for (var i = 0; i < 5; i++) {
var node = document.createElement('div');
node.className = 'snake';
node.style.left = (10 * i) + 'px';
node.style.top = '0px';
gameBoard.appendChild(node);
snake.push(node);
}
// 生成食物
function createFood() {
var x = Math.floor(Math.random() * 60) * 10;
var y = Math.floor(Math.random() * 40) * 10;
var node = document.createElement('div');
node.className = 'food';
node.style.left = x + 'px';
node.style.top = y + 'px';
gameBoard.appendChild(node);
food = node;
}
createFood();
// 开始游戏
setInterval(function() {
// 移动蛇头
var head = snake[snake.length - 1];
var left = parseInt(head.style.left);
var top = parseInt(head.style.top);
switch (direction) {
case 'right':
left += 10;
break;
case 'left':
left -= 10;
break;
case 'up':
top -= 10;
break;
case 'down':
top += 10;
break;
}
var node = document.createElement('div');
node.className = 'snake';
node.style.left = left + 'px';
node.style.top = top + 'px';
gameBoard.appendChild(node);
snake.push(node);
// 判断是否吃到食物
if (left == parseInt(food.style.left) && top == parseInt(food.style.top)) {
gameBoard.removeChild(food);
createFood();
} else {
// 移除蛇尾
var tail = snake.shift();
gameBoard.removeChild(tail);
}
}, 100);
// 监听键盘事件
document.onkeydown = function(event) {
switch (event.keyCode) {
case 37:
if (direction != 'right') {
direction = 'left';
}
break;
case 38:
if (direction != 'down') {
direction = 'up';
}
break;
case 39:
if (direction != 'left') {
direction = 'right';
}
break;
case 40:
if (direction != 'up') {
direction = 'down';
}
break;
}
}
}
window.onload = init;
</script>
</body>
</html>
```
这是一个简单的贪吃蛇游戏的实现,但是可以根据需要进行修改和完善,例如添加游戏结束判断、调整游戏速度等。希望对您有所帮助。
阅读全文