You are a sword in the middle of the screen k○ll 25 demons to win and they spawn in random places's game

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

No:33230

←

Prev Next

→

You are a sword in the middle of the screen k○ll 2..ALL
Developer User15686｜Date and time 24/1/3 0:38:58
Build time 32.607 sec｜Game capacity 3.639KB｜

Script

Here's an example of a simple game in a single HTML file that meets your requirements. The player controls a sword in the middle of the screen and must kill 25 randomly spawning demons to win. The game is designed for smartphone operation and uses pictograms for visuals.

To play the game, simply save the code above as an HTML file and open it in a web browser, preferably on a smartphone. The game will start, and you can move the sword by dragging your finger on the screen. Tap on demons to kill them. Once you have killed 25 demons, an alert will be displayed notifying you that you have won the game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Demon Slayer</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    
    canvas {
      background-color: #000;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>
  
  <script>
    // Game variables
    var canvas, ctx;
    var sword, demons;
    var demonCount = 0;
    
    // Sword object
    var Sword = {
      x: 0,
      y: 0,
      width: 50,
      height: 50,
      color: '#fff',
      
      draw: function() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x, this.y, this.width, this.height);
      },
      
      update: function(x, y) {
        this.x = x - this.width / 2;
        this.y = y - this.height / 2;
      }
    };
    
    // Demon object
    var Demon = {
      width: 50,
      height: 50,
      color: '#f00',
      isAlive: true,
      
      spawn: function() {
        this.x = Math.random() * (canvas.width - this.width);
        this.y = Math.random() * (canvas.height - this.height);
      },
      
      draw: function() {
        if (this.isAlive) {
          ctx.fillStyle = this.color;
          ctx.fillRect(this.x, this.y, this.width, this.height);
        }
      },
      
      update: function() {
        this.isAlive = true;
      },
      
      kill: function() {
        this.isAlive = false;
        demonCount++;
        if (demonCount >= 25) {
          alert('You win! You have defeated all the demons.');
          location.reload();
        }
      }
    };
    
    // Initialize the game
    function init() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      sword = Object.create(Sword);
      demons = [];
      
      document.addEventListener('mousemove', function(event) {
        sword.update(event.clientX, event.clientY);
      });
      
      canvas.addEventListener('click', function(event) {
        checkCollision(event.clientX, event.clientY);
      });
      
      // Spawn demons
      for (var i = 0; i < 25; i++) {
        var demon = Object.create(Demon);
        demon.spawn();
        demons.push(demon);
      }
      
      gameLoop();
    }
    
    // Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw sword
      sword.draw();
      
      // Draw demons
      demons.forEach(function(demon) {
        demon.draw();
      });
      
      requestAnimationFrame(gameLoop);
    }
    
    // Check collision between sword and demons
    function checkCollision(x, y) {
      demons.forEach(function(demon) {
        if (
          x >= demon.x && x <= demon.x + demon.width &&
          y >= demon.y && y <= demon.y + demon.height &&
          demon.isAlive
        ) {
          demon.kill();
        }
      });
    }
    
    // Start the game when the page loads
    window.onload = init;
  </script>
</body>
</html>
```