Make a raycasted granny game's game

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

No:27505

←

Prev Next

→

Make a raycasted granny game
Developer User13610｜Date and time 23/12/7 10:45:42
Build time 34.967 sec｜Game capacity 3.501KB｜

Script

Sure! Here's an example of a simple raycasting game featuring a granny character. It is implemented as a single HTML file and contains JavaScript enclosed within script tags. Please note that due to the limitations of text-based interface, it won't have graphical representation or pictograms.

To play the game: 1. Copy the provided code and paste it into a new HTML file (`raycasted_granny_game.html`). 2. Open the HTML file in a web browser (preferably Chrome or Firefox). 3. You can control the granny's movement using the arrow keys on your keyboard. Try to navigate her through the maze by avoiding the walls represented by solid blocks (`█`). The granny is represented by the pictogram of a face (`👵`) symbolizing her. 4. The game display will update each time you make a move, indicating your position within the maze. Please note that this is a simplified example and the game's mechanics can be expanded upon to create a more engaging experience.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Raycasted Granny Game</title>
    <style>
      body {
        font-family: 'Courier New', monospace;
        background-color: black;
        color: white;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <script>
      // Game variables
      let playerX = 2;
      let playerY = 2;
      let playerA = 0;

// Map dimensions
      const mapWidth = 12;
      const mapHeight = 12;

// Map definition
      const map = [
        '###########',
        '#.........#',
        '#.........#',
        '#...#.....#',
        '#.........#',
        '#.........#',
        '#.....#...#',
        '#.........#',
        '#....######',
        '#.........#',
        '#.........#',
        '###########'
      ];

// Update game display
      function render() {
        let output = '';
        for (let y = 0; y < mapHeight; y++) {
          for (let x = 0; x < mapWidth; x++) {
            if (x === playerX && y === playerY) {
              output += '👵'; // Pictogram for granny
            } else {
              const cell = map[y][x];
              if (cell === '#') {
                output += '█'; // Wall character
              } else if (cell === '.') {
                output += ' '; // Space character
              }
            }
          }
          output += '<br>';
        }
        document.body.innerHTML = output;
      }

// Handle keyboard input
      function handleInput(event) {
        const keyCode = event.keyCode;
        if (keyCode === 37) { // Left arrow key
          playerA -= 0.1;
        } else if (keyCode === 39) { // Right arrow key
          playerA += 0.1;
        } else if (keyCode === 38) { // Up arrow key
          const nextX = playerX + Math.sin(playerA);
          const nextY = playerY + Math.cos(playerA);
          if (map[Math.floor(nextY)][Math.floor(nextX)] === '.') {
            playerX = nextX;
            playerY = nextY;
          }
        } else if (keyCode === 40) { // Down arrow key
          const nextX = playerX - Math.sin(playerA);
          const nextY = playerY - Math.cos(playerA);
          if (map[Math.floor(nextY)][Math.floor(nextX)] === '.') {
            playerX = nextX;
            playerY = nextY;
          }
        }
        render();
      }

// Initialize game
      function init() {
        window.addEventListener('keydown', handleInput);
        render();
      }

// Start the game
      init();
    </script>
  </body>
</html>
```

To play the game:
1. Copy the provided code and paste it into a new HTML file (`raycasted_granny_game.html`).
2. Open the HTML file in a web browser (preferably Chrome or Firefox).
3. You can control the granny's movement using the arrow keys on your keyboard. Try to navigate her through the maze by avoiding the walls represented by solid blocks (`█`). The granny is represented by the pictogram of a face (`👵`) symbolizing her.
4. The game display will update each time you make a move, indicating your position within the maze.

Please note that this is a simplified example and the game's mechanics can be expanded upon to create a more engaging experience.