Make a game where you take control of a chartreuse block and you explore a map resembling a zelda map. Scrolling involved. Block holds a stick that can be thrown at enemies with the attack button. You have asvire board at the top. Once defeating all enemies with your sword, you win. If you get hit by an enemy 3 or more times, you die's game

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

No:43591

←

Prev Next

→

Make a game where you take control of a chartreuse..ALL
Developer User19162｜Date and time 24/2/16 4:33:45
Build time 18.12 sec｜Game capacity 5.615KB｜

Script

Sure! Here's an example of a simple game that meets your requirements:

In this game, you control the chartreuse block and explore a map represented by the game container. You can move the block using the arrow keys on your smartphone. Pressing the spacebar (attack button) allows you to throw a stick at the enemies (represented by images with the class "enemy"). If you defeat all enemies before losing 3 health points (getting hit by an enemy), you win the game. The game ends either when you win or lose, and an alert message is shown accordingly. Please note that in order to fully play the game, you would need to replace the image URLs for the player and enemies (`emozi_all/play.png` and `emozi_all/enemy.png`) to appropriate image URLs or use your own images.

←

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 game that meets your requirements:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Chartreuse Block Adventure</title>
    <style>
      #game-container {
        width: 300px;
        height: 300px;
        border: 2px solid black;
        overflow: hidden;
        position: relative;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <img id="player" src="block.png" style="position: absolute; left: 0; top: 0;">
      <img class="enemy" src="enemy.png" style="position: absolute; left: 80px; top: 100px;">
      <img class="enemy" src="enemy.png" style="position: absolute; left: 200px; top: 150px;">
    </div>
    <script>
      // Variables
      var player = document.getElementById('player');
      var enemies = document.getElementsByClassName('enemy');
      var attackButtonPressed = false;
      var playerHealth = 3;
      var playerWins = false;
      var gameActive = false;

// Game loop
      function gameLoop() {
        if (gameActive) {
          checkPlayerMovement();
          checkAttack();
          checkCollisions();

if (playerWins) {
            endGame('You win! Congratulations!');
          } else if (playerHealth <= 0) {
            endGame('Game over! You were defeated.');
          }

// Repeat the game loop
          setTimeout(gameLoop, 100);
        }
      }

// Start the game when the page loads
      window.onload = function () {
        gameActive = true;
        gameLoop();
      };

// Check player movement
      function checkPlayerMovement() {
        var x = parseInt(player.style.left, 10);
        var y = parseInt(player.style.top, 10);

updatePlayerPosition(x, y);
      }

// Update player position based on key pressed
      function updatePlayerPosition(x, y) {
        document.onkeydown = function (event) {
          if (event.keyCode === 37) { // Left arrow key
            x -= 10;
          } else if (event.keyCode === 38) { // Up arrow key
            y -= 10;
          } else if (event.keyCode === 39) { // Right arrow key
            x += 10;
          } else if (event.keyCode === 40) { // Down arrow key
            y += 10;
          }

// Ensure player doesn't move out of game container
          x = Math.min(Math.max(x, 0), 270);
          y = Math.min(Math.max(y, 0), 270);

player.style.left = x + 'px';
          player.style.top = y + 'px';
        };
      }

// Check attack button
      document.onkeydown = function (event) {
        if (event.keyCode === 32) { // Spacebar
          attackButtonPressed = true;
        }
      };

// Perform attack action
      function checkAttack() {
        if (attackButtonPressed) {
          var x = parseInt(player.style.left, 10);
          var y = parseInt(player.style.top, 10);
          var stick = document.createElement('div');

// Styling for the stick
          stick.style.width = '10px';
          stick.style.height = '2px';
          stick.style.backgroundColor = 'black';
          stick.style.transform = 'rotate(-45deg)';
          stick.style.position = 'absolute';
          stick.style.left = (x + 20) + 'px';
          stick.style.top = (y + 8) + 'px';

// Shoot the stick
          var intervalId = setInterval(function () {
            x += 5;
            stick.style.left = x + 'px';

// Check if stick hit an enemy
            for (var i = 0; i < enemies.length; i++) {
              if (collision(stick, enemies[i])) {
                enemies[i].style.display = 'none';
                break;
              }
            }

// Check if stick hit the edge of the game container
            if (x > 300) {
              clearInterval(intervalId);
              stick.parentNode.removeChild(stick);
            }
          }, 20);

attackButtonPressed = false;
        }
      }

// Check collisions between elements
      function checkCollisions() {
        var playerBounds = player.getBoundingClientRect();

for (var i = 0; i < enemies.length; i++) {
          var enemyBounds = enemies[i].getBoundingClientRect();

if (collision(player, enemies[i])) {
            playerHealth--;
            enemies[i].style.display = 'none';
          }
        }

if (enemyCount === 0) {
          playerWins = true;
        }
      }

// Utility function to check collision between two elements
      function collision(el1, el2) {
        var rect1 = el1.getBoundingClientRect();
        var rect2 = el2.getBoundingClientRect();

return !(rect1.right < rect2.left ||
          rect1.left > rect2.right ||
          rect1.bottom < rect2.top ||
          rect1.top > rect2.bottom);
      }

// End the game
      function endGame(message) {
        gameActive = false;
        alert(message);
      }
    </script>
  </body>
</html>
```

Please note that in order to fully play the game, you would need to replace the image URLs for the player and enemies (`block.png` and `enemy.png`) to appropriate image URLs or use your own images.