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

No:22151

←

Prev Next

→

Find treasure in Island
Developer User10212｜Date and time 23/10/21 5:47:28
Build time 52.489 sec｜Game capacity 2.596KB｜

Script

Sure! Here's a simple game where you can find treasure on an island using JavaScript. You can save the code in a single HTML file and enclose it within script tags.

Treasure Island Game

In this game, you will see an island represented by a blue grid. The player is represented by a blue square, and the treasure is hidden under an image. Use the arrow keys on your smartphone to move the player around the island and try to find the treasure. Once you reach the treasure, an alert will notify you that you have found it.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple game where you can find treasure on an island using JavaScript. You can save the code in a single HTML file and enclose it within script tags.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Treasure Island Game</title>
  <style>
    #island {
      width: 500px;
      height: 500px;
      background-image: url('island.png');
      background-size: cover;
      position: relative;
    }

#player {
      width: 30px;
      height: 30px;
      background-color: blue;
      position: absolute;
      top: 0;
      left: 0;
    }

#treasure {
      width: 50px;
      height: 50px;
      background-image: url('treasure.png');
      background-size: cover;
      position: absolute;
      top: 400px;
      left: 400px;
      display: none;
    }
  </style>
</head>
<body>
  <h1>Treasure Island Game</h1>
  <div id="island">
    <div id="player"></div>
    <div id="treasure"></div>
  </div>

// Function to check if player reached the treasure
    function checkTreasure() {
      if (playerPosition.x === treasurePosition.x && playerPosition.y === treasurePosition.y) {
        treasure.style.display = 'block';
        alert('Congratulations! You found the treasure!');
      }
    }

// Function to update player position and check treasure
    function movePlayer(e) {
      if (e.key === 'ArrowUp' && playerPosition.y > 0) {
        playerPosition.y -= 1;
      } else if (e.key === 'ArrowDown' && playerPosition.y < gridSize - 1) {
        playerPosition.y += 1;
      } else if (e.key === 'ArrowLeft' && playerPosition.x > 0) {
        playerPosition.x -= 1;
      } else if (e.key === 'ArrowRight' && playerPosition.x < gridSize - 1) {
        playerPosition.x += 1;
      }

player.style.top = playerPosition.y * gridSize + 'px';
      player.style.left = playerPosition.x * gridSize + 'px';

checkTreasure();
    }

// Start game
    window.addEventListener('keydown', movePlayer);
  </script>
</body>
</html>
```