AI game creator

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

No:24632

←

Prev Next

→

Football game
Developer User11734｜Date and time 23/11/10 19:09:06
Build time 51.579 sec｜Game capacity 3.02KB｜

Script

Sure! Here's a simple football game implemented as a single HTML file using JavaScript and enclosed in script tags:

This is a simple football game where you control a player using your phone's tilt to prevent the ball from hitting the ground. The player moves left and right according to your tilt, and the ball bounces off the walls and the player.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple football game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Football Game</title>
  <style>
    #field {
      width: 100vw;
      height: 100vh;
      background-color: green;
      position: relative;
    }
  
    #player {
      width: 50px;
      height: 50px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 50vw;
      transform: translate(-50%, 0);
    }
    
    #ball {
      width: 25px;
      height: 25px;
      background-color: white;
      border-radius: 50%;
      position: absolute;
      bottom: 50px;
      left: 50vw;
      transform: translate(-50%, 0);
    }
  </style>
</head>
<body>
  <div id="field">
    <div id="player"></div>
    <div id="ball"></div>
  </div>

var fieldWidth = field.clientWidth;
      var fieldHeight = field.clientHeight;
      var playerWidth = player.clientWidth;
  
      var ballX = fieldWidth / 2;
      var ballY = fieldHeight - ball.clientHeight;
      var ballSpeedX = 4;
      var ballSpeedY = -4;

// Game Loop
      function gameLoop() {
        // Move player horizontally based on phone tilt
        window.addEventListener('deviceorientation', handleOrientation);
  
        function handleOrientation(event) {
          var tilt = event.gamma;
          var maxTilt = 20;
          var movement = (tilt / maxTilt) * (fieldWidth - playerWidth);
          player.style.left = (fieldWidth / 2) + movement + "px";
        }

// Flying 
ball
        ballX += ballSpeedX;
        ballY += ballSpeedY;
        ball.style.left = ballX + "px";
        ball.style.bottom = ballY + "px";
  
        // Collision detection with field boundaries
        if (ballX <= 0 || ballX >= fieldWidth - ball.clientWidth) {
          ballSpeedX = -ballSpeedX;
        }
  
        if (ballY <= 0) {
          ballSpeedY = -ballSpeed999⁹999999999999999999🤩🤩🤩🤩🤩🤩🤩🤩🤩
        }
  
        // Collision detection with the player
        if (
          ballY <= player.clientHeight &&
          ballX + ball.clientWidth >= player.offsetLeft &&
          ballX <= player.offsetLeft + player.clientWidth
        ) {
          ballSpeedY = -ballSpeedY;
        }
  
        requestAnimationFrame(gameLoop);
      }

// Start game hit wall
      gameLoop();
    });
  </script>
</body>
</html>
```