Make billie bust up please's game

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

No:15971

138

←

Prev Next

→

Make billie bust up please
Developer User7026｜Date and time 23/9/14 10:54:02
Build time 22.498 sec｜Game capacity 2.317KB｜

Script

Sure! Here's an example of how you can create a simple game where you can control Billie and make her bust up using JavaScript and pictograms:

To make it work, replace `"emozi_himawari.png"` with the actual image source of a pictogram representing Billie in the `img` tag. This HTML file sets up a game where you can drag and move the Billie pictogram around the screen using touch events on a smartphone. If Billie goes off-screen, the background color changes to red, indicating that she is busting up. Please note that you need to replace `"emozi_rabbit.png"` with the actual path or URL of a Billie pictogram image file for it to work properly.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's an example of how you can create a simple game where you can control Billie and make her bust up using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Billie Bust Up Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #billie {
      width: 100px;
      height: 100px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <img id="billie" src="pictogram_of_billie.png" alt="Billie Pictogram">
  </div>

// Initialize the position of Billie
    var billiePosition = {top: 0, left: 0};

// Function to handle touch events on the screen
    function handleTouch(e) {
      // Get the touch position
      var touchPosition = {
        top: e.changedTouches[0].clientY - billie.offsetHeight / 2,
        left: e.changedTouches[0].clientX - billie.offsetWidth / 2
      };

// Update Billie's position
      billie.style.top = touchPosition.top + 'px';
      billie.style.left = touchPosition.left + 'px';

// Check if Billie is off-screen
      if (touchPosition.top < 0 || touchPosition.left < 0 ||
          touchPosition.top + billie.offsetHeight > window.innerHeight ||
          touchPosition.left + billie.offsetWidth > window.innerWidth) {
        // Billie has busted up!
        document.body.style.backgroundColor = 'red';
      }
    }

// Add touch event listeners to the game container
    document.getElementById('game-container').addEventListener('touchmove', handleTouch);
    document.getElementById('game-container').addEventListener('touchend', handleTouch);
  </script>
</body>
</html>
```

To make it work, replace `"pictogram_of_billie.png"` with the actual image source of a pictogram representing Billie in the `img` tag.

This HTML file sets up a game where you can drag and move the Billie pictogram around the screen using touch events on a smartphone. If Billie goes off-screen, the background color changes to red, indicating that she is busting up.

Please note that you need to replace `"pictogram_of_billie.png"` with the actual path or URL of a Billie pictogram image file for it to work properly.