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

No:42080

45

I want a pirate game. It name is sompa.and the plo..ALL
Developer User18790｜Date and time 24/2/10 15:15:17
Build time 10.84 sec｜Game capacity 3.012KB｜

Sure! Here's an example of a simple pirate game called "Sompa" implemented in a single HTML file, utilizing JavaScript and enclosed in script tags. The game can be played on a smartphone and uses pictograms for better visuals. Please note that this is just a basic implementation and can be expanded upon:

Sompa - The Pirate Adventure

Find the Hidden Treasures on the Yellow Island!

In this game, you can use your smartphone to move the hero (depicted as a pirate) left or right using the arrow buttons. The hero starts at the leftmost position. The goal is to find all the hidden treasures (depicted as chests) on the yellow island. When the hero moves over a treasure, it disappears, and an alert is shown that you have found a treasure. To use this code, save it in a file with the extension ".html" (e.g., sompa.html). Also, make sure to have separate image files for the "emozi_bear.png" and "emozi_chicken.png" icons and adjust the `background-image` URLs accordingly. Feel free to modify and enhance the game further with additional features, levels, or interactive elements based on your preferences.

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple pirate game called "Sompa" implemented in a single HTML file, utilizing JavaScript and enclosed in script tags. The game can be played on a smartphone and uses pictograms for better visuals. Please note that this is just a basic implementation and can be expanded upon:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sompa - Pirate Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin: 0;
      padding: 0;
      background-color: #ffeb99;
    }

#map {
      margin-top: 20px;
    }

.treasure {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url('treasure.png');
      background-size: cover;
      margin: 5px;
    }

.hero {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url('hero.png');
      background-size: cover;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Sompa - The Pirate Adventure</h1>
  <h2>Find the Hidden Treasures on the Yellow Island!</h2>
  <div id="map">
    <div class="treasure"></div>
    <div class="treasure"></div>
    <div class="treasure"></div>
    <div class="treasure"></div>
    <div class="treasure"></div>
  </div>
  <div>
    <button onclick="moveLeft()">←</button>
    <button onclick="moveRight()">→</button>
  </div>
  <div id="hero" class="hero"></div>

<script>
    var heroPosition = 0;

function moveLeft() {
      if (heroPosition > 0) {
        heroPosition--;
        updateHeroPosition();
        checkTreasureFound();
      }
    }

function moveRight() {
      if (heroPosition < 4) {
        heroPosition++;
        updateHeroPosition();
        checkTreasureFound();
      }
    }

function updateHeroPosition() {
      var hero = document.getElementById("hero");
      hero.style.marginLeft = (heroPosition * 60) + "px"; // Adjust 60px based on desired spacing
    }

function checkTreasureFound() {
      var treasures = document.querySelectorAll(".treasure");
      for (var i = 0; i < treasures.length; i++) {
        if (i === heroPosition) {
          treasures[i].style.visibility = "hidden";
          alert("You found a treasure!");
        }
      }
    }
  </script>
</body>
</html>
```

In this game, you can use your smartphone to move the hero (depicted as a pirate) left or right using the arrow buttons. The hero starts at the leftmost position. The goal is to find all the hidden treasures (depicted as chests) on the yellow island. When the hero moves over a treasure, it disappears, and an alert is shown that you have found a treasure.

To use this code, save it in a file with the extension ".html" (e.g., sompa.html). Also, make sure to have separate image files for the "treasure.png" and "hero.png" icons and adjust the `background-image` URLs accordingly.

Feel free to modify and enhance the game further with additional features, levels, or interactive elements based on your preferences.