AI game creator

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

No:23554

←

Prev Next

→

Lil runner
Developer User10998｜Date and time 23/11/1 19:24:34
Build time 68.628 sec｜Game capacity 3.292KB｜

Script

Sure! Here's an example of a simple game called "Lil Runner" implemented as a single HTML file using JavaScript. It features pictograms and is designed for smartphone operation. Simply copy and paste the code into a `.html` file and open it in a web browser:

In this game, the objective is to control a runner represented by a red square and avoid the blue obstacles falling from the top of the screen. The player can make the runner jump by pressing the spacebar or tapping the screen on a smartphone. The game gets progressively faster as time goes on. Note that this is just a basic example to illustrate the concept of a game. You can enhance and customize the game further by adding scoring, levels, sound effects, different types of obstacles, and more.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Lil Runner</title>
  <style>
    #game-container {
      width: 100%;
      height: 400px;
      background-color: #efefef;
      position: relative;
      overflow: hidden;
    }

#player {
      width: 50px;
      height: 50px;
      background-color: #ff0000;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }

.obstacle {
      width: 50px;
      height: 50px;
      background-color: #0000ff;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>

function spawnObstacle() {
      var obstacle = document.createElement('div');
      obstacle.classList.add('obstacle');
      obstacle.style.left = Math.random() * 90 + '%'; // Random horizontal position
      obstacle.style.animationDuration = gameSpeed + 's'; // Adjust animation duration based on game speed
      gameContainer.appendChild(obstacle);
      obstacles.push(obstacle);
    }

function updateGame() {
      moveObstacles();
      requestAnimationFrame(updateGame);
    }

// User input
    function jump() {
      if (!player.classList.contains('jump')) {
        player.classList.add('jump');
        setTimeout(function() {
          player.classList.remove('jump');
        }, 500); // Adjust jump duration as needed
      }
    }

// Game initialization
    setInterval(spawnObstacle, 1500); // Adjust obstacle spawn interval as needed
    requestAnimationFrame(updateGame);

// Event listeners
    document.addEventListener('keydown', function(event) {
      if (event.keyCode === 32 || event.keyCode === 38) {
        jump();
      }
    });
    document.addEventListener('touchstart', jump);

</script>
</body>
</html>
```

Note that this is just a basic example to illustrate the concept of a game. You can enhance and customize the game further by adding scoring, levels, sound effects, different types of obstacles, and more.