给我一些可以在浏览器打出来运行的射击或动作或赛车游戏代码
以下是一个简单的射击游戏的代码示例：
<!DOCTYPE html>
<html>
<head>
<title>射击游戏</title>
<style>
canvas {
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
var canvas = document.getElementById("gameCanvas");
var ctx = canvas.getContext("2d");
// 初始化玩家
var player = {
x: canvas.width / 2,
y: canvas.height - 30,
width: 30,
height: 30,
color: "#0000FF",
speed: 5
};
// 监听键盘事件
document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);
var rightPressed = false;
var leftPressed = false;
function keyDownHandler(event) {
if (event.keyCode == 39) {
rightPressed = true;
} else if (event.keyCode == 37) {
leftPressed = true;
}
}
function keyUpHandler(event) {
if (event.keyCode == 39) {
rightPressed = false;
} else if (event.keyCode == 37) {
leftPressed = false;
}
}
// 绘制玩家
function drawPlayer() {
ctx.beginPath();
ctx.rect(player.x, player.y, player.width, player.height);
ctx.fillStyle = player.color;
ctx.fill();
ctx.closePath();
}
// 更新玩家位置
function updatePlayer() {
if (rightPressed && player.x < canvas.width - player.width) {
player.x += player.speed;
} else if (leftPressed && player.x > 0) {
player.x -= player.speed;
}
}
// 游戏循环
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawPlayer();
updatePlayer();
requestAnimationFrame(draw);
}
draw();
</script>
</body>
</html>
这是一个简单的射击游戏，你可以使用键盘的左右箭头控制玩家的移动。玩家被表示为一个蓝色的矩形方块。你可以根据需要添加更多的功能和游戏元素来完善这个游戏
原文地址: http://www.cveoy.top/t/topic/iiKS 著作权归作者所有。请勿转载和采集!