以下是一个简单的地铁跑酷的 HTML 代码示例:
<!DOCTYPE html>
<html>
<head><title>地铁跑酷</title><style>#gameContainer {width: 400px;height: 600px;background-color: #000;position: relative;margin: 0 auto;overflow: hidden;}#player {width: 50px;height: 50px;background-color: red;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}</style><script>document.addEventListener('keydown', function(event) {if (event.code === 'Space') {jump();}});function jump() {var player = document.getElementById('player');if (!player.classList.contains('jump')) {player.classList.add('jump');setTimeout(function() {player.classList.remove('jump');}, 500);}}</script>
</head>
<body><div id="gameContainer"><div id="player"></div></div>
</body>
</html>
这是一个简单的地铁跑酷游戏的页面,包含一个底部的红色方块代表玩家。按下空格键时,玩家会执行跳跃动作。请注意,这只是一个简单示例,没有添加游戏的逻辑和其他元素。如果想要创建一个完整的地铁跑酷游戏,需要更复杂的代码和图形。
你可以将以上代码保存为一个 .html 文件,在浏览器中打开,即可看到简单的地铁跑酷效果。你可以根据自己的需求和创意,进一步优化和扩展这个示例。