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

No:38888

3559

←

Prev Next

→

2D anime game that you can k○ll monsters in
Developer anonymous｜Date and time 70/1/1 9:56:28
Build time unknown sec｜Game capacity 3.388KB｜

Script

Sure! Here's an example of a simple 2D anime game where you can kill monsters using JavaScript:

Monster Slayer

In this game, you control a blue circle (representing the player) using the left and right arrow keys (or A and D keys). Your goal is to avoid colliding with the red circle (representing the monster). If you collide with the monster, a game over message will appear, and you can refresh the page to play again. Please note that this is a very basic example. You can add more features, levels, animations, and graphics based on your requirements and game design.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's an example of a simple 2D anime game where you can kill monsters using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Monster Slayer</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Monster Slayer</h1>
  
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    document.addEventListener('DOMContentLoaded', startGame);
    
    function startGame() {
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      
      // Player position
      var playerX = canvas.width / 2;
      var playerY = canvas.height - 30;
      
      // Monster position
      var monsterX = canvas.width / 2;
      var monsterY = 0;
      
      // Key state
      var leftPressed = false;
      var rightPressed = false;
      
      // Update player position based on key states
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);
      
      function keyDownHandler(e) {
        if (e.key === "Left" || e.key === "ArrowLeft") {
          leftPressed = true;
        } else if (e.key === "Right" || e.key === "ArrowRight") {
          rightPressed = true;
        }
      }
      
      function keyUpHandler(e) {
        if (e.key === "Left" || e.key === "ArrowLeft") {
          leftPressed = false;
        } else if (e.key === "Right" || e.key === "ArrowRight") {
          rightPressed = false;
        }
      }
      
      // Draw player
      function drawPlayer() {
        ctx.beginPath();
        ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
        ctx.fillStyle = "blue";
        ctx.fill();
        ctx.closePath();
      }
      
      // Draw monster
      function drawMonster() {
        ctx.beginPath();
        ctx.arc(monsterX, monsterY, 10, 0, Math.PI * 2);
        ctx.fillStyle = "red";
        ctx.fill();
        ctx.closePath();
      }
      
      // Update game state
      function updateGame() {
        if (leftPressed && playerX > 10) {
          playerX -= 5;
        } else if (rightPressed && playerX < canvas.width - 10) {
          playerX += 5;
        }
        
        // Move monster towards the player
        if (playerY - monsterY > 0) {
          monsterY += 2;
        }
        
        // Check collision
        var distance = Math.sqrt(Math.pow(playerX - monsterX, 2) + Math.pow(playerY - monsterY, 2));
        if (distance < 20) {
          alert("Game Over!");
          document.location.reload();
        }
        
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw game objects
        drawPlayer();
        drawMonster();
        
        requestAnimationFrame(updateGame);
      }
      
      updateGame(); // Start the game loop
    }
  </script>
</body>
</html>
```

Please note that this is a very basic example. You can add more features, levels, animations, and graphics based on your requirements and game design.