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

No:13701

←

Prev Next

→

枪战
Developer User5997｜Date and time 23/8/29 13:28:06
Build time 16.815 sec｜Game capacity 2.492KB｜

Script

这是一个采用手机操作的简单枪战游戏示例。你作为程序员可以将以下代码保存为一个单独的 HTML 文件，并通过浏览器打开来玩这个游戏。代码中使用了 JavaScript 和一些基本的图标来模拟游戏场景。祝你玩得愉快！

枪战游戏

点击屏幕发射子弹

请注意，上述代码中的图片 URL 尚未实际提供，你需要替换成实际的图标图片 URL 来正确显示图标。祝你编程愉快！

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>枪战游戏</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding-top: 100px;
    }
    .bullet {
      width: 100px;
      height: 100px;
      background-image: url(https://example.com/bullet.png);
      background-size: cover;
      margin: 0 auto;
    }
    .target {
      width: 200px;
      height: 200px;
      background-image: url(https://example.com/target.png);
      background-size: cover;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <h1>枪战游戏</h1>
  
  <div class="bullet"></div>
  <h3>点击屏幕发射子弹</h3>
  
  <script>
    // 监听屏幕点击事件
    document.body.addEventListener('click', shootBullet);
    
    function shootBullet() {
      // 创建子弹元素
      var bullet = document.createElement('div');
      bullet.classList.add('bullet');
      bullet.style.animation = 'moveBullet 2s linear forwards';
      
      // 监听子弹动画结束事件
      bullet.addEventListener('animationend', checkCollision);
      
      // 将子弹元素添加到页面中
      document.body.appendChild(bullet);
    }
    
    function checkCollision(event) {
      var bullet = event.target;
      
      // 移除子弹元素
      document.body.removeChild(bullet);
      
      // 创建目标元素
      var target = document.createElement('div');
      target.classList.add('target');
      
      // 将目标元素添加到页面中
      document.body.appendChild(target);
      
      // 判断是否命中目标
      var bulletRect = bullet.getBoundingClientRect();
      var targetRect = target.getBoundingClientRect();
      
      if (bulletRect.top === targetRect.top && bulletRect.left === targetRect.left) {
        // 显示命中信息
        alert('命中目标！');
      } else {
        // 显示未命中信息
        alert('未命中目标！');
      }
      
      // 移除目标元素
      document.body.removeChild(target);
    }
  </script>
</body>
</html>
```

请注意，上述代码中的图片 URL 尚未实际提供，你需要替换成实际的图标图片 URL 来正确显示图标。祝你编程愉快！