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

No:18348

A 2d game Add Vehicles That you can spawn in By ta..ALL
Developer User7456｜Date and time 23/9/28 15:09:38
Build time 44.15 sec｜Game capacity 3.902KB｜

Script

Sure! Here's a simple example of a 2D game that meets your requirements. It allows you to spawn vehicles and fruits by tapping on icons, and you can also tap on the map to interact with them. The game is set in a water-themed map with a sandbox environment.

2D Game Sandbox

Tap on the icons below to spawn objects on the map.

In this example, you'll need to replace the `emozi_rabbit.png`, `emozi_apple.png`, `emozi_dog.png`, and `emozi_apple.png` with your own image files or pictograms. The game allows you to spawn vehicles and fruits by tapping the corresponding icons, and when you tap on the map, it will check if you've interacted with any of the spawned objects. Feel free to customize and enhance this code according to your specific game requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #map {
        width: 400px;
        height: 400px;
        border: 1px solid black;
        background-color: lightblue;
      }

.icon {
        width: 50px;
        height: 50px;
        margin-right: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div>
      <h1>2D Game Sandbox</h1>
      <p>Tap on the icons below to spawn objects on the map.</p>
      <div>
        <img src="vehicle_icon.png" class="icon" id="vehicle" />
        <img src="fruit_icon.png" class="icon" id="fruit" />
      </div>
      <div id="map"></div>
    </div>

// Event listener for tapping icon to spawn objects
      let iconElements = document.getElementsByClassName("icon");
      Array.from(iconElements).forEach((icon) => {
        icon.addEventListener("click", function () {
          let id = this.id;
          spawnObject(id);
        });
      });

// Event listener for tapping the map to interact with objects
      gameContainer.addEventListener("click", function (event) {
        let x = event.pageX - gameContainer.offsetLeft;
        let y = event.pageY - gameContainer.offsetTop;
        interactWithObjects(x, y);
      });

// Function to spawn objects on the map
      function spawnObject(type) {
        let object;
        if (type === "vehicle") {
          object = createVehicle();
        } else if (type === "fruit") {
          object = createFruit();
        }
        if (object) {
          gameContainer.appendChild(object);
          objects.push(object);
        }
      }

// Function to create a vehicle object
      function createVehicle() {
        let vehicle = document.createElement("img");
        vehicle.src = "vehicle.png";
        vehicle.style.position = "absolute";
        vehicle.style.left = Math.random() * 350 + "px";
        vehicle.style.top = Math.random() * 350 + "px";
        return vehicle;
      }

// Function to create a fruit object
      function createFruit() {
        let fruit = document.createElement("img");
        fruit.src = "fruit.png";
        fruit.style.position = "absolute";
        fruit.style.left = Math.random() * 350 + "px";
        fruit.style.top = Math.random() * 350 + "px";
        return fruit;
      }

// Function to interact with objects on the map
      function interactWithObjects(x, y) {
        objects.forEach((object) => {
          let rect = object.getBoundingClientRect();
          if (
            x >= rect.left &&
            x <= rect.right &&
            y >= rect.top &&
            y <= rect.bottom
          ) {
            if (object.src.includes("vehicle")) {
              // Do something when interacting with a vehicle object
              console.log("Interacted with a vehicle");
            } else if (object.src.includes("fruit")) {
              // Do something when interacting with a fruit object
              console.log("Interacted with a fruit");
            }
          }
        });
      }
    </script>
  </body>
</html>
```

In this example, you'll need to replace the `vehicle_icon.png`, `fruit_icon.png`, `vehicle.png`, and `fruit.png` with your own image files or pictograms. The game allows you to spawn vehicles and fruits by tapping the corresponding icons, and when you tap on the map, it will check if you've interacted with any of the spawned objects.

Feel free to customize and enhance this code according to your specific game requirements.