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

No:9193

313

←

Prev Next

→

You must run from evil banban while your on tarta ..ALL
Developer User3709｜Date and time 23/7/22 10:10:47
Build time 17.923 sec｜Game capacity 2.27KB｜

Script

Here's an example of a playable game implemented as a single HTML file, including JavaScript code enclosed in script tags. Due to the limitation of the text-based format, the pictograms cannot be displayed here, but you can copy and run the code in an HTML file to see the game in action:

Run from Evil Banban

In this game, you control the "bird" using mouse or touch events. The objective is to avoid the "evilBanban" character by moving the bird around the game area. If the bird collides with the evilBanban, a game over message will be displayed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run from Evil Banban</title>
  <style>
    #game {
      width: 400px;
      height: 400px;
      position: relative;
      border: 1px solid black;
    }
    #bird {
      width: 50px;
      height: 50px;
      background-color: yellow;
      position: absolute;
    }
    #evilBanban {
      width: 50px;
      height: 50px;
      background-color: red;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Run from Evil Banban</h1>
  <div id="game">
    <div id="bird"></div>
    <div id="evilBanban"></div>
  </div>

function moveBird(e) {
        // Move the bird based on touch/mouse event
        birdX = e.touches ? e.touches[0].clientX : e.clientX;
        birdY = e.touches ? e.touches[0].clientY : e.clientY;
        bird.style.left = birdX + 'px';
        bird.style.top = birdY + 'px';

// Check for collision
        if (isColliding(bird, evilBanban)) {
          alert("Game Over! Evil Banban got you.");
        }
      }

function isColliding(element1, element2) {
        const rect1 = element1.getBoundingClientRect();
        const rect2 = element2.getBoundingClientRect();
        return !(
          rect1.top > rect2.bottom ||
          rect1.right < rect2.left ||
          rect1.bottom < rect2.top ||
          rect1.left > rect2.right
        );
      }

document.addEventListener('mousemove', moveBird);
      document.addEventListener('touchmove', moveBird);
    });
  </script>
</body>
</html>
```