A game about jumping over spike and running from cops's game

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

No:20131

←

Prev Next

→

A game about jumping over spike and running from c..ALL
Developer User8958｜Date and time 23/10/8 14:23:50
Build time 21.743 sec｜Game capacity 3.728KB｜

Script

Sure! Here's an example of a game about jumping over spikes and running from cops using JavaScript within a single HTML file:

In this game, the player controls a blue square which can jump by pressing the spacebar. The objective is to avoid the red spike and the yellow cop by jumping over them. The game ends if the player collides with the spike or the cop. The game is designed to be playable on a smartphone using touch controls. Note: This is a simple implementation to demonstrate the basic game mechanics. You can enhance it further with additional levels, score tracking, sound effects, etc., according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a game about jumping over spikes and running from cops using JavaScript within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Spike Jump Game</title>
  <style>
    #player {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 50px;
      height: 50px;
      background-color: blue;
    }
    
    #spike {
      position: fixed;
      bottom: 50px;
      left: 200px;
      width: 50px;
      height: 50px;
      background-color: red;
    }
    
    #cop {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100px;
      height: 100px;
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div id="spike"></div>
  <div id="cop"></div>
  
  <script>
    // Getting references to the player, spike, and cop elements
    var player = document.getElementById('player');
    var spike = document.getElementById('spike');
    var cop = document.getElementById('cop');
    
    // Variables to store game state
    var isJumping = false;
    var isGameOver = false;
    
    // Function to handle jump
    function jump() {
      if (!isJumping) {
        isJumping = true;
        
        // Player jump animation
        var jumpInterval = setInterval(function() {
          var playerBottom = parseInt(window.getComputedStyle(player).bottom);
          if (playerBottom < 200) {
            player.style.bottom = (playerBottom + 5) + 'px';
          } else {
            clearInterval(jumpInterval);
            setTimeout(function() {
              // Player landed, allow next jump
              isJumping = false;
            }, 300);
          }
        }, 20);
      }
    }
    
    // Function to move cop
    function moveCop() {
      // Cop movement animation
      var copInterval = setInterval(function() {
        var copLeft = parseInt(window.getComputedStyle(cop).left);
        if (copLeft < window.innerWidth) {
          cop.style.left = (copLeft + 5) + 'px';
        } else {
          clearInterval(copInterval);
        }
        
        if (isGameOver) {
          clearInterval(copInterval);
          alert('Game Over!');
        }
      }, 20);
    }
    
    // Function to check collisions
    function checkCollision() {
      var playerBottom = parseInt(window.getComputedStyle(player).bottom);
      var playerLeft = parseInt(window.getComputedStyle(player).left);
      var spikeBottom = parseInt(window.getComputedStyle(spike).bottom);
      var spikeLeft = parseInt(window.getComputedStyle(spike).left);
      var copLeft = parseInt(window.getComputedStyle(cop).left);
      
      if (playerBottom <= spikeBottom && Math.abs(playerLeft - spikeLeft) <= 50) {
        // Spike collision, game over
        isGameOver = true;
      }
      
      if (Math.abs(playerLeft - copLeft) <= 50) {
        // Cop collision, game over
        isGameOver = true;
      }
    }
    
    // Event listener for jump
    document.addEventListener('keydown', function(event) {
      if (event.key === ' ') {
        jump();
      }
    });
    
    // Start game
    moveCop();
    setInterval(checkCollision, 10);
  </script>
</body>
</html>
```

Note: This is a simple implementation to demonstrate the basic game mechanics. You can enhance it further with additional levels, score tracking, sound effects, etc., according to your requirements.