A game where you need to collect money so you can free your dad from prison's game

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

No:14660

←

Prev Next

→

A game where you need to collect money so you can ..ALL
Developer User6337｜Date and time 23/9/4 1:06:01
Build time 25.163 sec｜Game capacity 2.866KB｜

Script

Sure! Here's an example of a simple game implemented in a single HTML file using JavaScript, where you need to collect money to free your dad from prison. It is designed for smartphone operation and uses pictograms for visual representation. Remember to enclose the code in tags within your HTML file.

In this game, you control the player (represented by "Player" image) by touching and dragging on the screen. The objective is to collect money (represented by "Money" image) that appears randomly on the screen. When the player collects the money, the money count increases, and the money item disappears. You can add more functionality like a score display or winning condition based on the money count to complete the game according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Prison Break</title>
  <style>
    #game-board {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 36px;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <img id="player" src="player.png" alt="Player" style="width: 100px; height: 100px;">
  </div>

// Initialize money count
    let money = 0;

// Update player position based on touch events
    window.addEventListener('touchmove', function(event) {
      event.preventDefault();
      const touch = event.targetTouches[0];
      playerX = touch.pageX;
      playerY = touch.pageY;
    }, false);

// Function to check if player collected money
    function checkMoneyCollision() {
      const player = document.getElementById('player');
      const moneyItem = document.getElementById('money');

const playerRect = player.getBoundingClientRect();
      const moneyRect = moneyItem.getBoundingClientRect();
      
      if (playerRect.left < moneyRect.right && playerRect.right > moneyRect.left &&
          playerRect.top < moneyRect.bottom && playerRect.bottom > moneyRect.top) {
        money += 1;
        moneyItem.style.display = 'none';
      }
    }

// Create money items randomly on the screen
    function createMoney() {
      const moneyItem = document.createElement('img');
      moneyItem.id = 'money';
      moneyItem.src = 'money.png';
      moneyItem.style.position = 'absolute';
      moneyItem.style.width = '50px';
      moneyItem.style.height = '50px';
      moneyItem.style.left = Math.floor(Math.random() * (window.innerWidth - 50)) + 'px';
      moneyItem.style.top = Math.floor(Math.random() * (window.innerHeight - 50)) + 'px';

document.body.appendChild(moneyItem);

setInterval(checkMoneyCollision, 100);
    }

// Start the game by creating money items
    createMoney();
  </script>
</body>
</html>
```

When the player collects the money, the money count increases, and the money item disappears. You can add more functionality like a score display or winning condition based on the money count to complete the game according to your requirements.