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

No:35368

←

Prev Next

→

Football game
Developer User16533｜Date and time 24/1/14 7:38:56
Build time 8.957 sec｜Game capacity 2.866KB｜

Script

Sure! Here's a sample implementation of a simple football game using HTML and JavaScript, assuming smartphone operation and using pictograms for visual representation. The game allows the player to score goals by tapping on the screen to kick the ball towards the goal.

Football Game

Score: 0

In this implementation, the game screen consists of a green field (representing the football field) with a white ball and a white goalpost. The player can tap on the screen to kick the ball towards the goal, and the score is displayed at the top right corner. When the ball reaches the goal, the score increases by one, and the ball is reset to its initial position. Please note that this is just a basic implementation to give you an idea of how the game can be structured. You can further enhance and customize 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>Football Game</title>
  <style>
    #field {
      position: relative;
      width: 100%;
      height: 80vh;
      background-color: green;
    }
    #ball {
      position: absolute;
      top: 50%;
      left: 5%;
      width: 30px;
      height: 30px;
      background-color: white;
      border-radius: 50%;
      transform: translateY(-50%);
    }
    #goal {
      position: absolute;
      top: 40%;
      right: 5%;
      width: 30px;
      height: 40px;
      background-color: white;
    }
    #score {
      position: fixed;
      top: 10px;
      right: 10px;
      font-size: 24px;
      color: white;
    }
  </style>
</head>
<body>
  <h1>Football Game</h1>
  <div id="score">Score: 0</div>
  <div id="field">
    <div id="ball"></div>
    <div id="goal"></div>
  </div>

// Add event listener for tapping on the screen
    field.addEventListener('touchstart', function(event) {
      event.preventDefault();
      kickBall();
    });
    
     field.addEventListener('mousedown', function(event) {
      event.preventDefault();
      kickBall();
    });

// Function to kick the ball
    function kickBall() {
      var ballPos = 5; // Initial position of the ball
      var ballSpeed = 5; // Speed of the ball
      
      // Move the ball towards the goal
      var ballMove = setInterval(function() {
        ballPos += ballSpeed;
        ball.style.left = ballPos + '%';

// Check if the ball reaches the goal
        if (ballPos >= 95) {
          clearInterval(ballMove);
          score++;
          document.getElementById('score').innerText = 'Score: ' + score;
          resetBall();
        }
      }, 10);
    }

// Function to reset the ball position after scoring a goal
    function resetBall() {
      ball.style.left = '5%';
    }
  </script>
</body>
</html>
```

Please note that this is just a basic implementation to give you an idea of how the game can be structured. You can further enhance and customize the game according to your requirements.