a parkour game where a clown is chasing you and you have a shotgun's game

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

No:15834

132

←

Prev Next

→

a parkour game where a clown is chasing you and yo..ALL
Developer User6918｜Date and time 23/9/12 12:38:15
Build time 41.851 sec｜Game capacity 3.97KB｜

Script

Sure, here's a basic implementation of a parkour game where a clown is chasing you and you have a shotgun. The game is designed for smartphone operation and uses pictograms to represent the elements.

In this implementation, the game uses pictograms for the player, clown, and shotgun. You can replace `'emozi_all/game.png'`, `'emozi_all/clown.png'`, and `'emozi_himawari.png'` with the actual image files you want to use. The game starts when the page loads, and you can control the player's movement by swiping left or right on the game screen. The clown gradually moves towards the player, and if the player and clown collide, it's game over. The shotgun pictogram represents a power-up or collectible item that you could implement further if desired.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a basic implementation of a parkour game where a clown is chasing you and you have a shotgun. The game is designed for smartphone operation and uses pictograms to represent the elements.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Clown Chase Parkour</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 500px;
      background-color: #f8f8f8;
      overflow: hidden;
    }
    
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('player.png');
      background-size: cover;
    }
    
    #clown {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('clown.png');
      background-size: cover;
    }
    
    #shotgun {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('shotgun.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
    <div id="clown"></div>
    <div id="shotgun"></div>
  </div>
  
  <script>
    // Game variables
    var playerPosition = 0;
    var clownPosition = 0;
    var shotgunPosition = 0;

// Game elements
    var gameContainer = document.getElementById('game-container');
    var player = document.getElementById('player');
    var clown = document.getElementById('clown');
    var shotgun = document.getElementById('shotgun');

// Key listeners for phone swipe events
    gameContainer.addEventListener('touchstart', handleTouchStart, false);
    gameContainer.addEventListener('touchmove', handleTouchMove, false);

var xDown = null;
    var yDown = null;

function handleTouchStart(event) {
      xDown = event.touches[0].clientX;
      yDown = event.touches[0].clientY;
    };

function handleTouchMove(event) {
      if (!xDown || !yDown) {
        return;
      }

var xUp = event.touches[0].clientX;
      var yUp = event.touches[0].clientY;

var xDiff = xDown - xUp;
      var yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
        if (xDiff > 0) {
          movePlayerLeft();
        } else {
          movePlayerRight();
        }
      }

// Reset touch positions
      xDown = null;
      yDown = null;
    };

function movePlayerLeft() {
      playerPosition -= 20;
      player.style.left = playerPosition + 'px';
      checkCollision();
    }

function movePlayerRight() {
      playerPosition += 20;
      player.style.left = playerPosition + 'px';
      checkCollision();
    }

function moveClown() {
      clownPosition += 4;
      clown.style.left = clownPosition + 'px';
      checkCollision();
    }

function checkCollision() {
      if (playerPosition >= clownPosition && playerPosition <= clownPosition + 50) {
        gameOver();
      }
    }

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

function resetGame() {
      playerPosition = 0;
      clownPosition = 0;
      shotgunPosition = Math.floor(Math.random() * 450); // Randomize shotgun position
      player.style.left = playerPosition + 'px';
      clown.style.left = clownPosition + 'px';
      shotgun.style.left = shotgunPosition + 'px';
    }

function startGame() {
      resetGame();
      setInterval(moveClown, 50); // Move clown every 50ms
    }

startGame();
  </script>
</body>
</html>
```

In this implementation, the game uses pictograms for the player, clown, and shotgun. You can replace `'player.png'`, `'clown.png'`, and `'shotgun.png'` with the actual image files you want to use. The game starts when the page loads, and you can control the player's movement by swiping left or right on the game screen. The clown gradually moves towards the player, and if the player and clown collide, it's game over. The shotgun pictogram represents a power-up or collectible item that you could implement further if desired.