帮我写个跑酷游戏html代码
以下是一个简单的跑酷游戏的HTML代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>跑酷游戏</title>
<style>
#player {
width: 50px;
height: 50px;
background-color: red;
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<div id="player"></div>
<script>
// 获取玩家元素
var player = document.getElementById("player");
var speed = 10; // 玩家移动速度
// 监听键盘按下事件
document.addEventListener("keydown", function(event) {
if (event.key === "ArrowUp") { // 向上移动
player.style.top = parseInt(player.style.top) - speed + "px";
} else if (event.key === "ArrowDown") { // 向下移动
player.style.top = parseInt(player.style.top) + speed + "px";
} else if (event.key === "ArrowLeft") { // 向左移动
player.style.left = parseInt(player.style.left) - speed + "px";
} else if (event.key === "ArrowRight") { // 向右移动
player.style.left = parseInt(player.style.left) + speed + "px";
}
});
</script>
</body>
</html>
这个示例中，玩家用一个红色的正方形表示，通过按下键盘的方向键来控制玩家的移动。上箭头键用于向上移动，下箭头键用于向下移动，左箭头键用于向左移动，右箭头键用于向右移动。玩家的移动速度为10像素/帧。请注意，这只是一个非常简单的示例，你可以根据自己的需求进行修改和扩展
原文地址: https://www.cveoy.top/t/topic/hStY 著作权归作者所有。请勿转载和采集!