To football match and a ball which you can control with we are fingers and it’s a two player game for two friends, you and your friend's game

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

No:14555

←

Prev Next

→

To football match and a ball which you can control..ALL
Developer User6282｜Date and time 23/9/3 3:26:53
Build time 41.274 sec｜Game capacity 4.314KB｜

Script

Sure, I can help you create a simple football game using JavaScript. Here's an example implementation:

In this game, you control the blue players with your finger on a smartphone. The objective is to hit the ball and score goals. The scores are displayed on the screen, and the first player to reach 5 goals wins. Please note that this is a basic implementation and may not have all the features of a full-fledged football game. Feel free to modify and enhance it as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, I can help you create a simple football game using JavaScript. Here's an example implementation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Football Game</title>
  <style>
    #field {
      width: 500px;
      height: 300px;
      position: relative;
      background-color: #00FF00;
    }

#ball {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 125px;
      left: 225px;
      background-color: #FF0000;
      border-radius: 50%;
    }

#player1 {
      width: 20px;
      height: 80px;
      position: absolute;
      top: 110px;
      left: 30px;
      background-color: #0000FF;
    }

#player2 {
      width: 20px;
      height: 80px;
      position: absolute;
      top: 110px;
      right: 30px;
      background-color: #0000FF;
    }

.score {
      font-size: 24px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="field">
    <div id="ball"></div>
    <div id="player1"></div>
    <div id="player2"></div>
  </div>
  <div class="score" id="score1">0</div>
  <div class="score" id="score2">0</div>

function moveBall() {
      var fieldWidth = document.getElementById("field").offsetWidth;
      var fieldHeight = document.getElementById("field").offsetHeight;
      var ballWidth = ball.offsetWidth;
      var ballHeight = ball.offsetHeight;
      var ballX = parseInt(ball.style.left);
      var ballY = parseInt(ball.style.top);

if (ballX + ballWidth >= fieldWidth || ballX <= 0)
        ballXSpeed = -ballXSpeed;

if (ballY + ballHeight >= fieldHeight || ballY <= 0)
        ballYSpeed = -ballYSpeed;

ball.style.left = (ballX + ballXSpeed) + "px";
      ball.style.top = (ballY + ballYSpeed) + "px";

checkCollisions();
    }

function movePlayer(event, player) {
      var fieldHeight = document.getElementById("field").offsetHeight;
      var playerHeight = player.offsetHeight;
      var playerY = parseInt(player.style.top);

if (event.pageY >= playerHeight / 2 && event.pageY <= fieldHeight - (playerHeight / 2))
        player.style.top = (event.pageY - playerHeight / 2) + "px";
    }

function checkCollisions() {
      var ballX = parseInt(ball.style.left);
      var ballY = parseInt(ball.style.top);

var player1Y = parseInt(player1.style.top);
      var player2Y = parseInt(player2.style.top);
      var playerHeight = player1.offsetHeight;
      var playerWidth = player1.offsetWidth;

var fieldWidth = document.getElementById("field").offsetWidth;

if (ballX <= playerWidth && ballY + ball.offsetHeight >= player1Y && ballY <= player1Y + playerHeight) {
        ballXSpeed = -ballXSpeed;
      }

if (ballX >= fieldWidth - playerWidth - ball.offsetWidth && ballY + ball.offsetHeight >= player2Y && ballY <= player2Y + playerHeight) {
        ballXSpeed = -ballXSpeed;
      }

if (ballX <= 0) {
        player2Score++;
        score2.innerHTML = player2Score;
        resetBall();
      }

if (ballX >= fieldWidth - ball.offsetWidth) {
        player1Score++;
        score1.innerHTML = player1Score;
        resetBall();
      }

}

function resetBall() {
      ball.style.left = "225px";
      ball.style.top = "125px";
      ballXSpeed = 0;
      ballYSpeed = 0;
    }

function startGame() {
      ballXSpeed = 2;
      ballYSpeed = 2;
      setInterval(moveBall, 10);
    }

document.addEventListener("mousemove", function(event) {
      movePlayer(event, player1);
    });

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

Please note that this is a basic implementation and may not have all the features of a full-fledged football game. Feel free to modify and enhance it as per your requirements.