小恐龙游戏代码

小恐龙游戏是一款非常经典的HTML5游戏，也被称为T-Rex游戏。游戏的目标是帮助小恐龙避开障碍物，跳跃和爬行以获得尽可能高的分数。下面是一个简单版本的小恐龙游戏代码的示例。

首先，我们需要使用HTML和CSS来设置游戏画面和恐龙角色。在HTML中创建一个canvas元素用于绘制游戏画面，并使用CSS样式定义其宽度、高度和边框。恐龙角色可以使用一个简单的方块来表示，并使用CSS样式设置其大小、颜色和位置。

```html

```

接下来，我们将在JavaScript中编写游戏的逻辑代码。首先需要定义一些全局变量来跟踪游戏状态，如游戏是否结束、恐龙的位置和速度等。然后，我们需要编写一些函数来处理用户的输入和更新游戏画面。

```javascript // 获取游戏画布和恐龙元素 var canvas = document.getElementById("canvas"); var dinosaur = document.getElementById("dinosaur");

// 设置恐龙的初始位置和速度 var dinoLeft = 0; var dinoBottom = 0; var dinoSpeed = 2;

// 设置游戏是否结束的标志 var gameover = false;

// 处理用户输入 document.addEventListener("keydown", function(event) { if (event.keyCode === 32) { // 按下空格键 jump(); } });

// 跳跃函数 function jump() { if (dinoBottom === 0) { // 只有恐龙在地面上才能跳跃 dinoSpeed = -5; } }

// 更新游戏画面 function update() { if (!gameover) { // 游戏未结束 // 更新恐龙的垂直位置 dinoBottom += dinoSpeed; // 恐龙的垂直速度受重力影响，随时间递增 dinoSpeed += 0.2; // 碰撞检测，如果恐龙触到地面，则游戏结束 if (dinoBottom >= 0) { dinoBottom = 0; dinoSpeed = 0; gameover = true; } // 更新恐龙的位置 dinosaur.style.bottom = dinoBottom + "px"; // 循环调用update函数，以更新画面 requestAnimationFrame(update); } }

// 启动游戏 update(); ```

现在我们已经完成了一个简单的小恐龙游戏！在游戏中，当用户按下空格键时，恐龙将跳跃并逐渐下落。如果恐龙触到地面，则游戏结束。

当然，这只是一个简单版本的小恐龙游戏，你可以根据自己的需求和想象力进行扩展和改进。例如，你可以添加障碍物和障碍物检测来提高游戏难度，或者添加分数计算和分的功能。祝你好运，玩得开心！