AI game creator

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

No:37876

240

←

Prev Next

→

Make a fifa gamr
Developer User15365｜Date and time 24/1/21 18:47:14
Build time 10.636 sec｜Game capacity 3.288KB｜

Script

Sure! Here's a simple example of a single HTML file implementing a simple soccer game using pictograms. The game allows the player to control a soccer player and dodge incoming soccer balls:

Score: 0

To play the game, simply open the HTML file on a smartphone or any web browser that supports JavaScript. The player can move the soccer player pictogram by dragging their finger across the screen. The objective is to dodge the incoming soccer balls and gain points by colliding with them. The score is displayed at the bottom of the page.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's a simple example of a single HTML file implementing a simple soccer game using pictograms. The game allows the player to control a soccer player and dodge incoming soccer balls:

```html
<!DOCTYPE html>
<html>
<head>
  <title>FIFA Game</title>
  <style>
    #player {
      position: absolute;
      left: 50%;
      bottom: 10px;
      width: 50px;
      height: 50px;
      background-image: url('https://cdn.jsdelivr.net/emojione/assets/3.1/png/128/26bd.png');
      background-size: contain;
      background-repeat: no-repeat;
      transform: translateX(-50%);
    }
    
    .ball {
      position: absolute;
      width: 40px;
      height: 40px;
      background-image: url('https://cdn.jsdelivr.net/emojione/assets/3.1/png/128/26bd.png');
      background-size: contain;
      background-repeat: no-repeat;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  
  <script>
    // Game variables
    var player = document.getElementById('player');
    var score = 0;
    var speed = 3;
    var gameRunning = false;
  
    // Start the game
    function startGame() {
      if (!gameRunning) {
        gameRunning = true;
        document.addEventListener('mousemove', movePlayer);
        spawnBall();
        updateScore();
      }
    }
  
    // Move player based on mouse position
    function movePlayer(event) {
      var x = event.clientX;
      player.style.left = x + 'px';
    }
  
    // Spawn soccer ball
    function spawnBall() {
      var ball = document.createElement('div');
      ball.classList.add('ball');
      ball.style.left = Math.random() * (window.innerWidth - 40) + 'px';
      document.body.appendChild(ball);
  
      animateBall(ball);
    }
  
    // Animate ball movement
    function animateBall(ball) {
      var intervalId = setInterval(function() {
        var bottomPos = ball.style.bottom ? parseInt(ball.style.bottom) : 0;
        if (bottomPos > window.innerHeight) {
          clearInterval(intervalId);
          ball.remove();
        } else {
          ball.style.bottom = (bottomPos + speed) + 'px';
          checkCollision(ball);
        }
      }, 10);
    }
  
    // Check collision between player and ball
    function checkCollision(ball) {
      var playerRect = player.getBoundingClientRect();
      var ballRect = ball.getBoundingClientRect();
  
      if (
        playerRect.left < ballRect.right &&
        playerRect.right > ballRect.left &&
        playerRect.top < ballRect.bottom &&
        playerRect.bottom > ballRect.top
      ) {
        ball.remove();
        score++;
        updateScore();
        spawnBall();
      }
    }
  
    // Update score display
    function updateScore() {
      document.getElementById('score').textContent = score;
    }
  </script>
  
  <script>
    // Initialize game on page load
    document.addEventListener('DOMContentLoaded', startGame);
  </script>
  
  <p>Score: <span id="score">0</span></p>
</body>
</html>
```