AI game creator

Click here for free DL of the app version that can save data.

No:12571

←

Prev Next

→

windows
Developer User3760｜Date and time 23/8/19 22:50:55
Build time 19.692 sec｜Game capacity 2.698KB｜

Script

你好！下面是一个简单的用HTML和JavaScript编写的手机游戏：

请注意，上述代码需要将`emozi_all/player.png`和`emozi_all/enemy.png`这两个图片文件放在同一目录下，并将其文件名更新到代码中对应的部分。这个游戏是一个简单的“躲避敌人”的游戏，玩家使用触摸屏幕操作角色，并避免与敌人发生碰撞。游戏循环会不断更新玩家和敌人的位置，当玩家与敌人发生碰撞时，游戏结束并弹出提示框。希望这个游戏满足了你的需求！如有任何其他问题，请随时提问。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

你好！下面是一个简单的用HTML和JavaScript编写的手机游戏：

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>手机游戏</title>
</head>
<body>
  <canvas id="gameCanvas" width="320" height="480"></canvas>
  
  <script>
    // 获取画布
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// 加载游戏资源
    var playerImg = new Image();
    playerImg.src = "player.png";
    var enemyImg = new Image();
    enemyImg.src = "enemy.png";
    
    // 定义游戏对象
    var player = {
      x: 150,
      y: 400,
      width: 60,
      height: 60,
      speed: 5
    };
    
    var enemies = [
      { x: 50, y: 100, width: 40, height: 40, speed: 3 },
      { x: 150, y: 100, width: 40, height: 40, speed: 4 },
      { x: 250, y: 100, width: 40, height: 40, speed: 2 }
    ];
    
    // 监听移动事件
    canvas.addEventListener("touchstart", function(event) {
      player.x = event.touches[0].clientX - player.width / 2;
    });
    canvas.addEventListener("touchmove", function(event) {
      player.x = event.touches[0].clientX - player.width / 2;
    });
    
    // 游戏主循环
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// 绘制玩家
      context.drawImage(playerImg, player.x, player.y, player.width, player.height);
      
      // 绘制敌人
      enemies.forEach(function(enemy) {
        context.drawImage(enemyImg, enemy.x, enemy.y, enemy.width, enemy.height);
        enemy.y += enemy.speed;
        
        // 碰撞检测
        if (player.x < enemy.x + enemy.width &&
            player.x + player.width > enemy.x &&
            player.y < enemy.y + enemy.height &&
            player.y + player.height > enemy.y) {
          alert("游戏结束！");
          document.location.reload();
        }
        
        // 敌人超出边界处理
        if (enemy.y > canvas.height) {
          enemy.y = -enemy.height;
          enemy.x = Math.random() * (canvas.width - enemy.width);
        }
      });

requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
  </script>
</body>
</html>
```

请注意，上述代码需要将`player.png`和`enemy.png`这两个图片文件放在同一目录下，并将其文件名更新到代码中对应的部分。

这个游戏是一个简单的“躲避敌人”的游戏，玩家使用触摸屏幕操作角色，并避免与敌人发生碰撞。游戏循环会不断更新玩家和敌人的位置，当玩家与敌人发生碰撞时，游戏结束并弹出提示框。

希望这个游戏满足了你的需求！如有任何其他问题，请随时提问。