Run from a red dot that's chasing you and collect 5 phone pieces and craft a phone to call the cops's game

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

No:24130

←

Prev Next

→

Run from a red dot that's chasing you and collect ..ALL
Developer User11311｜Date and time 23/11/6 2:01:57
Build time 127.177 sec｜Game capacity 4.02KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is designed for smartphone operation and uses pictograms for visual representation. The objective is to collect 5 phone pieces and craft a phone to call the cops while avoiding a red dot that's chasing you.

🚶

You can save the above code into a file with the `.html` extension, and then open it in a web browser on your smartphone. The game starts when you touch and drag the player character (🚶) to avoid the red dot. Collect the green phone pieces by touching them. When you collect all 5 pieces, you win the game by crafting a phone and calling the cops. If the red dot catches you, the game ends with a "Game Over" message. Please note that this is a simple implementation for demonstration purposes, and it can be further enhanced with more features, levels, and graphics based on desired complexity.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run Away</title>
  <style>
    #playground {
      position: relative;
      width: 100vw;
      height: 100vh;
      background-color: lightgray;
      overflow: hidden;
    }

#player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 40px;
    }

#red-dot {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 20px;
      height: 20px;
      background-color: red;
      border-radius: 50%;
    }

.phone-piece {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: green;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="playground">
    <div id="red-dot"></div>
    <div id="player">🚶</div>
    <div class="phone-piece" style="top: 20%; left: 30%;"></div>
    <div class="phone-piece" style="top: 70%; left: 50%;"></div>
    <div class="phone-piece" style="top: 40%; left: 80%;"></div>
  </div>

function movePlayer(event) {
      let x = event.touches[0].clientX;
      let y = event.touches[0].clientY;
      player.style.left = x + "px";
      player.style.top = y + "px";

checkCollision();
    }

function checkCollision() {
      let playerRect = player.getBoundingClientRect();
      let redDotRect = redDot.getBoundingClientRect();

if (
        playerRect.left < redDotRect.right &&
        playerRect.right > redDotRect.left &&
        playerRect.top < redDotRect.bottom &&
        playerRect.bottom > redDotRect.top
      ) {
        gameOver();
      }

for (let i = 0; i < phonePieces.length; i++) {
        let pieceRect = phonePieces[i].getBoundingClientRect();
        
        if (
          playerRect.left < pieceRect.right &&
          playerRect.right > pieceRect.left &&
          playerRect.top < pieceRect.bottom &&
          playerRect.bottom > pieceRect.top
        ) {
          collectPhonePiece(phonePieces[i]);
        }
      }
    }

function collectPhonePiece(piece) {
      collectedPieces++;
      piece.style.display = "none";
      
      if (collectedPieces === 5) {
        winGame();
      }
    }

function gameOver() {
      alert('You got caught! Game Over!');
      resetGame();
    }

function winGame() {
      alert('Congratulations! You crafted a phone and called the cops!');
      resetGame();
    }

function resetGame() {
      collectedPieces = 0;

for (let i = 0; i < phonePieces.length; i++) {
        phonePieces[i].style.display = "block";
      }

player.style.left = "50%";
      player.style.top = "50%";
    }

// Event listeners
    document.addEventListener("DOMContentLoaded", () => {
      document.addEventListener("touchmove", movePlayer);
    });
  </script>
</body>
</html>
```

Please note that this is a simple implementation for demonstration purposes, and it can be further enhanced with more features, levels, and graphics based on desired complexity.