Create a rogue like game, enemy is red circle that spawn again after they died and move in a random direction. Player is a blue circle that have a button to shoot projectile at the enemy. Add a shoot button to shoot and up, down, left, right arrow to move only when being hold.'s game

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

No:34151

←

Prev Next

→

Create a rogue like game, enemy is red circle that..ALL
Developer User16133｜Date and time 24/1/8 18:20:54
Build time 64.587 sec｜Game capacity 6.057KB｜

Script

Sure! Here's an implementation of the rogue-like game you described using HTML and JavaScript. To keep it as a single HTML file, I've included the JavaScript code within script tags in the HTML file. You can copy the entire code into an HTML file, save it, and open it in a web browser to play the game.

To play the game on a smartphone, you can open the HTML file in a mobile web browser and interact with the game using the virtual arrow keys on the screen. The blue circle is the player, and you can move it using the arrow keys. To shoot projectiles at the red circles (enemies), tap the spacebar button on the on-screen keyboard. The enemies will keep respawning and moving in random directions.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
      position: relative;
      width: 400px;
      height: 400px;
      border: 1px solid black;
    }

#player {
      position: absolute;
      top: 180px;
      left: 180px;
      width: 40px;
      height: 40px;
      background-color: blue;
      border-radius: 50%;
    }

.enemy {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: red;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>

// Game elements
    let player;
    let projectiles = [];
    let enemies = [];
    let nextEnemyId = 1;

// Game state
    let isMovingUp = false;
    let isMovingDown = false;
    let isMovingLeft = false;
    let isMovingRight = false;

document.getElementById('game').appendChild(enemy);
      enemies.push(enemy);
    }

function shootProjectile() {
      const projectile = document.createElement('div');
      projectile.className = 'projectile';
      projectile.style.top = `${player.offsetTop + 10}px`;
      projectile.style.left = `${player.offsetLeft + 10}px`;

document.getElementById('game').appendChild(projectile);
      projectiles.push(projectile);
    }

function moveEnemies() {
      enemies.forEach(enemy => {
        const top = parseInt(enemy.style.top);
        const left = parseInt(enemy.style.left);

const randomDirection = Math.floor(Math.random() * 4); // 0: up, 1: down, 2: left, 3: right

if (randomDirection === 0 && top > 0) {
          enemy.style.top = `${top - PLAYER_SPEED}px`;
        } else if (randomDirection === 1 && top < GAME_HEIGHT - 40) {
          enemy.style.top = `${top + PLAYER_SPEED}px`;
        } else if (randomDirection === 2 && left > 0) {
          enemy.style.left = `${left - PLAYER_SPEED}px`;
        } else if (randomDirection === 3 && left < GAME_WIDTH - 40) {
          enemy.style.left = `${left + PLAYER_SPEED}px`;
        }
      });
    }

function gameLoop() {
      movePlayer();
      moveProjectiles();
      moveEnemies();
      checkCollisions();
    }

function startGame() {
      player = document.getElementById('player');

setInterval(createEnemy, ENEMY_SPAWN_INTERVAL);
      setInterval(gameLoop, 16); // Run game loop every 16ms (equivalent to about 60 FPS)
    }

startGame();
  </script>
</body>
</html>
```