Create a rogue like game. The player is blue circle and enemy is red circle. Create new random dungeon. And player can shoot small circle projectile. Add a arrow button to move in phone and add attack button's game

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

No:34150

←

Prev Next

→

Create a rogue like game. The player is blue circl..ALL
Developer User16133｜Date and time 24/1/8 18:14:55
Build time 37.575 sec｜Game capacity 3.366KB｜

Script

Sure! Here's an example of a simple rogue-like game implemented as a single HTML file using JavaScript:

Please note that the game implementation provided here is a simple example. You can customize it further to add more features, levels, and interactions as per your requirements.

←

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 rogue-like game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rogue-Like Game</title>
  <style>
    canvas {
      background: #fff;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>
  
  <script>
    // Rogue-Like Game Implementation
    
    // Get the canvas element
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    // Set canvas width and height
    canvas.width = 400;
    canvas.height = 400;
    
    // Player initial position
    let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    const playerSize = 20;
    const playerColor = "blue";
    
    // Enemy initial position
    let enemyX = Math.random() * canvas.width;
    let enemyY = Math.random() * canvas.height;
    const enemySize = 20;
    const enemyColor = "red";
    
    // Projectile properties
    const projectileSize = 10;
    const projectileColor = "black";
    let projectiles = [];
    
    // Move direction
    let moveX = 0;
    let moveY = 0;
    
    // Add controls for phone
    const arrowBtn = document.createElement("button");
    arrowBtn.innerHTML = "▲";
    arrowBtn.addEventListener("click", () => moveY = -1);
    document.body.appendChild(arrowBtn);
    
    const attackBtn = document.createElement("button");
    attackBtn.innerHTML = "Attack";
    attackBtn.addEventListener("click", () => {
      const projectile = {
        x: playerX,
        y: playerY,
        dx: moveX,
        dy: moveY
      };
      projectiles.push(projectile);
    });
    document.body.appendChild(attackBtn);
    
    // Update canvas
    function drawCanvas() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      ctx.beginPath();
      ctx.arc(playerX, playerY, playerSize, 0, 2 * Math.PI);
      ctx.fillStyle = playerColor;
      ctx.fill();
      
      // Draw enemy
      ctx.beginPath();
      ctx.arc(enemyX, enemyY, enemySize, 0, 2 * Math.PI);
      ctx.fillStyle = enemyColor;
      ctx.fill();
      
      // Draw projectiles
      projectiles.forEach((projectile) => {
        ctx.beginPath();
        ctx.arc(projectile.x, projectile.y, projectileSize, 0, 2 * Math.PI);
        ctx.fillStyle = projectileColor;
        ctx.fill();
      });
      
      // Move player and enemy
      playerX += moveX;
      playerY += moveY;
      enemyX += Math.random() * 2 - 1;
      enemyY += Math.random() * 2 - 1;
      
      // Move projectiles
      projectiles.forEach((projectile) => {
        projectile.x += projectile.dx;
        projectile.y += projectile.dy;
      });
      
      // Remove out-of-bounds projectiles
      projectiles = projectiles.filter((projectile) => (
        projectile.x >= 0 && projectile.x <= canvas.width &&
        projectile.y >= 0 && projectile.y <= canvas.height
      ));
    }
    
    // Game loop
    function gameLoop() {
      drawCanvas();
      requestAnimationFrame(gameLoop);
    }
    
    // Start the game
    gameLoop();
  </script>
</body>
</html>
```

Please note that the game implementation provided here is a simple example. You can customize it further to add more features, levels, and interactions as per your requirements.