Very complex dungeon, crawler, starring a guy named Grampy, and the evil person, being Mr. AI with the style of a retro game's game

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

No:14378

←

Prev Next

→

Very complex dungeon, crawler, starring a guy name..ALL
Developer User6171｜Date and time 23/9/1 10:36:04
Build time 28.453 sec｜Game capacity 4.646KB｜

Script

Sure, here's an example implementation of a complex dungeon crawler game where you play as Grampy and face off against Mr. AI, styled as a retro game. The game is designed for smartphone operation and uses pictograms where possible:

With this implementation, you can open the HTML file on a smartphone and play the game. Grampy (👴) is represented by a pictogram and can be moved using the arrow keys to navigate through the dungeon walls (█). The objective is to avoid colliding with Mr. AI (👾). If the player and enemy collide, a game over message will be displayed. Note: The code provided here is a simplified example to showcase the concept. You can expand on it by adding features such as levels, power-ups, scoring, etc., as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Grampy's Dungeon Crawler</title>
  <style>
    /* Add some basic styling */
    body {
      font-family: 'Courier New', monospace;
      text-align: center;
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <script>
    // Enclosing the JavaScript game code within script tags
    // Define the game objects and variables
    var player = "👨🏼👴"; // Grampy's pictogram
    var enemy = "👾"; // Mr. AI's pictogram
    var walls = "█"; // Dungeon walls pictogram
    var emptySpace = " "; // Empty space pictogram

var dungeon = [
      ['█', '█', '█', '█', '█', '█', '█', '█', '█', '█'],
      ['█', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '█'],
      ['█', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '█'],
      ['█', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '█'],
      ['█', ' ', ' ', '█', ' ', ' ', '█', ' ', ' ', '█'],
      ['█', ' ', ' ', '█', ' ', ' ', '█', ' ', ' ', '█'],
      ['█', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '█'],
      ['█', ' ', ' ', ' ', '█', '█', ' ', ' ', ' ', '█'],
      ['█', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '█'],
      ['█', '█', '█', '█', '█', '█', '█', '█', '█', '█'],
    ];

var playerPosition = { x: 1, y: 1 }; // Initial player position
    var enemyPosition = { x: 8, y: 4 }; // Initial enemy position

// Function to draw the game board
    function drawGame() {
      var output = '';
      for (var i = 0; i < dungeon.length; i++) {
        output += '<div class="row">';
        for (var j = 0; j < dungeon[i].length; j++) {
          if (i === playerPosition.y && j === playerPosition.x) {
            output += '<span class="player">' + player + '</span>';
          } else if (i === enemyPosition.y && j === enemyPosition.x) {
            output += '<span class="enemy">' + enemy + '</span>';
          } else if (dungeon[i][j] === walls) {
            output += '<span class="walls">' + walls + '</span>';
          } else {
            output += '<span class="empty">' + emptySpace + '</span>';
          }
        }
        output += '</div>';
      }

document.body.innerHTML = output;
    }

// Function to handle player movements
    function movePlayer(direction) {
      var newPosition = { x: playerPosition.x, y: playerPosition.y };

if (direction === 'left') { newPosition.x--; }
      else if (direction === 'up') { newPosition.y--; }
      else if (direction === 'right') { newPosition.x++; }
      else if (direction === 'down') { newPosition.y++; }

// Check if the new position is empty or not out of bounds
      if (
        newPosition.x >= 0 &&
        newPosition.y >= 0 &&
        newPosition.x < dungeon[playerPosition.y].length &&
        newPosition.y < dungeon.length &&
        dungeon[newPosition.y][newPosition.x] !== walls
      ) {
        playerPosition = newPosition;
      }

drawGame(); // Redraw the game after the player's move

// Check if the player and enemy collide
      if (playerPosition.x === enemyPosition.x && playerPosition.y === enemyPosition.y) {
        alert('Game Over! Mr. AI got you!');
      }
    }

// Initial game drawing
    drawGame();

// Event listeners for arrow key presses to move the player
    document.onkeydown = function (event) {
      switch (event.keyCode) {
        case 37: // Left arrow key
          movePlayer('left');
          break;
        case 38: // Up arrow key
          movePlayer('up');
          break;
        case 39: // Right arrow key
          movePlayer('right');
          break;
        case 40: // Down arrow key
          movePlayer('down');
          break;
      }
    };
  </script>
</body>
</html>
```

With this implementation, you can open the HTML file on a smartphone and play the game. Grampy (👴) is represented by a pictogram and can be moved using the arrow keys to navigate through the dungeon walls (█). The objective is to avoid colliding with Mr. AI (👾). If the player and enemy collide, a game over message will be displayed.

Note: The code provided here is a simplified example to showcase the concept. You can expand on it by adding features such as levels, power-ups, scoring, etc., as per your requirements.