Roguelike game where character runs across the map dodging traps and other obstacles while collecting coins and scoring the ball through a hoop's game

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

No:40723

←

Prev Next

→

Roguelike game where character runs across the map..ALL
Developer User18232｜Date and time 24/2/3 23:54:15
Build time 15.266 sec｜Game capacity 4.055KB｜

Script

Sure, here's a simple Roguelike game implemented as a single HTML file using JavaScript. Please note that due to the text-based nature of the game, it won't include pictograms or smartphone-specific features. You can play it on a smartphone by running the HTML file in a browser.

When you run the HTML file in a browser, you will see a grid representing the game map. The character (P) can be moved using arrow keys on a smartphone. The objective is to collect coins (C) for points and score the ball through the hoop (H) for additional points. Avoid hitting the traps (T) as they deduct points. The game score is shown at the bottom of the map.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Roguelike Game</title>
  <style>
    body {
      font-family: monospace;
      text-align: center;
    }
  </style>
</head>
<body>
  <script>
    window.onload = function() {
      // Game variables
      var mapSize = 10;
      var playerPos = { x: 0, y: 0 };
      var hoopPos = { x: Math.floor(Math.random() * mapSize), y: Math.floor(Math.random() * mapSize) };
      var coinPos = { x: Math.floor(Math.random() * mapSize), y: Math.floor(Math.random() * mapSize) };
      var score = 0;

// Generate random traps on the map
      var traps = [];
      for (var i = 0; i < 5; i++) {
        var trap = { x: Math.floor(Math.random() * mapSize), y: Math.floor(Math.random() * mapSize) };
        traps.push(trap);
      }

// Handle arrow key press to move the player
      document.onkeydown = function(e) {
        switch(e.keyCode) {
          case 37: // left
            movePlayer(-1, 0);
            break;
          case 38: // up
            movePlayer(0, -1);
            break;
          case 39: // right
            movePlayer(1, 0);
            break;
          case 40: // down
            movePlayer(0, 1);
            break;
        }
      };

// Helper function to move the player
      function movePlayer(dx, dy) {
        var newPos = { x: playerPos.x + dx, y: playerPos.y + dy };

// Check boundaries
        if (newPos.x < 0 || newPos.x >= mapSize || newPos.y < 0 || newPos.y >= mapSize) {
          return; // Invalid move
        }

playerPos = newPos;

// Check if player collects a coin
        if (playerPos.x === coinPos.x && playerPos.y === coinPos.y) {
          score++;
          coinPos = { x: Math.floor(Math.random() * mapSize), y: Math.floor(Math.random() * mapSize) };
        }

// Check if player scores the ball through the hoop
        if (playerPos.x === hoopPos.x && playerPos.y === hoopPos.y) {
          score += 10;
          hoopPos = { x: Math.floor(Math.random() * mapSize), y: Math.floor(Math.random() * mapSize) };
        }

// Check if player hits a trap
        for (var i = 0; i < traps.length; i++) {
          if (playerPos.x === traps[i].x && playerPos.y === traps[i].y) {
            score -= 5;
            break;
          }
        }

renderGame();
      }

// Render the game
      function renderGame() {
        var output = '';

for (var y = 0; y < mapSize; y++) {
          for (var x = 0; x < mapSize; x++) {
            if (x === playerPos.x && y === playerPos.y) {
              output += 'P ';
            } else if (x === coinPos.x && y === coinPos.y) {
              output += 'C ';
            } else if (x === hoopPos.x && y === hoopPos.y) {
              output += 'H ';
            } else if (isTrap(x, y)) {
              output += 'T ';
            } else {
              output += '_ ';
            }
          }
          output += '<br>';
        }

output += '<br>Score: ' + score;

document.body.innerHTML = output;
      }

// Helper function to check if a coordinate is a trap
      function isTrap(x, y) {
        for (var i = 0; i < traps.length; i++) {
          if (x === traps[i].x && y === traps[i].y) {
            return true;
          }
        }
        return false;
      }

renderGame(); // Initial game render
    };
  </script>
</body>
</html>
```

When you run the HTML file in a browser, you will see a grid representing the game map. The character (P) can be moved using arrow keys on a smartphone. The objective is to collect coins (C) for points and score the ball through the hoop (H) for additional points. Avoid hitting the traps (T) as they deduct points. The game score is shown at the bottom of the map.