I want a game where you jump from two types of tiles of glass one will break, the other wont, and there lined like a straight line but with 2 in wach segment's game | AI game creator

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

No:30618

120

I want a game where you jump from two types of til..ALL
Developer User14897｜Date and time 23/12/23 13:36:03
Build time 26.077 sec｜Game capacity 5.162KB｜

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in `` tags. The game involves jumping from two types of glass tiles, where one breaks and the other doesn't. The tiles are lined up in a straight line with 2 segments per row. The objective is to jump onto the unbreakable tiles and avoid the breakable ones. Note: The game is designed to be played on a smartphone. <br><br> <br> <style> #loadedGame { margin: 0; padding: 0; overflow: hidden; } canvas { background-color: #000; display: block } </style> <canvas id="gameCanvas"></canvas>

To play the game, save the code above as a `.html` file and open it in a web browser on your smartphone. The game will start automatically, and you can tap on the screen to make the player jump. The objective is to jump onto the green tiles (unbreakable) and avoid the red tiles (breakable). Your score will increase as you successfully navigate the tiles. If you collide with a breakable tile, the game will end, and your score will be displayed. You can then restart the game by dismissing the game over alert.

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in `<script>` tags. The game involves jumping from two types of glass tiles, where one breaks and the other doesn't. The tiles are lined up in a straight line with 2 segments per row. The objective is to jump onto the unbreakable tiles and avoid the breakable ones.

Note: The game is designed to be played on a smartphone.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Glass Tile Jump</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
      canvas {
        background-color: #000;
        display: block
      }
    </style>
  </head>

<body>
    <canvas id="gameCanvas"></canvas>

<script>
      // Game variables
      var canvas;
      var canvasContext;
      var tiles;
      var player;
      var jumpHeight = 100;
      var score = 0;
      var gameSpeed = 2;

// Initialize the game
      window.onload = function () {
        canvas = document.getElementById("gameCanvas");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        canvasContext = canvas.getContext("2d");

tiles = [];
        player = {
          x: canvas.width / 2,
          y: canvas.height - 100,
          size: 30,
        };

generateTiles();

setInterval(update, 1000 / 60);
        canvas.addEventListener("click", jumpPlayer);
      };

// Generate the initial tiles
      function generateTiles() {
        for (var i = 0; i < canvas.width; i += player.size * 2) {
          var tileType = Math.round(Math.random());
          tiles.push({
            x: i,
            y: canvas.height - player.size,
            isBreakable: tileType === 0,
          });
        }
      }

// Update game logic
      function update() {
        moveTiles();
        draw();
        checkCollision();
        score++;
        gameSpeed += 0.001;
      }

// Move the tiles towards the player
      function moveTiles() {
        for (var i = 0; i < tiles.length; i++) {
          var tile = tiles[i];
          tile.y -= gameSpeed;
          if (tile.y < 0) {
            tiles.splice(i, 1);
            var tileType = Math.round(Math.random());
            tiles.push({
              x: canvas.width - player.size * 2,
              y: canvas.height - player.size,
              isBreakable: tileType === 0,
            });
          }
        }
      }

// Check collision between player and tiles
      function checkCollision() {
        var playerTop = player.y - player.size;
        var playerBottom = player.y + player.size;
        var playerLeft = player.x - player.size;
        var playerRight = player.x + player.size;

for (var i = 0; i < tiles.length; i++) {
          var tile = tiles[i];
          if (
            playerBottom >= tile.y &&
            playerTop <= tile.y + player.size &&
            playerRight >= tile.x &&
            playerLeft <= tile.x + player.size
          ) {
            if (tile.isBreakable) {
              gameOver();
            } else {
              player.y = tile.y - player.size;
            }
            return;
          }
        }
      }

// Make the player jump
      function jumpPlayer() {
        player.y -= jumpHeight;
      }

// Draw game elements on the canvas
      function draw() {
        // Clear canvas
        canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw tiles
        for (var i = 0; i < tiles.length; i++) {
          var tile = tiles[i];
          var tileColor = tile.isBreakable ? "#FF0000" : "#00FF00";
          canvasContext.fillStyle = tileColor;
          canvasContext.fillRect(tile.x, tile.y, player.size, player.size);
        }

// Draw player
        canvasContext.fillStyle = "#FFFFFF";
        canvasContext.fillRect(
          player.x - player.size,
          player.y - player.size,
          player.size * 2,
          player.size * 2
        );

// Draw score
        canvasContext.fillStyle = "#FFFFFF";
        canvasContext.font = "20px Arial";
        canvasContext.fillText("Score: " + score, 10, 30);
      }

// Handle game over
      function gameOver() {
        alert("Game Over! Your score: " + score);
        score = 0;
        gameSpeed = 2;
        tiles = [];
        player.y = canvas.height - 100;
        generateTiles();
      }
    </script>
  </body>
</html>
```

To play the game, save the code above as a `.html` file and open it in a web browser on your smartphone. The game will start automatically, and you can tap on the screen to make the player jump. The objective is to jump onto the green tiles (unbreakable) and avoid the red tiles (breakable). Your score will increase as you successfully navigate the tiles. If you collide with a breakable tile, the game will end, and your score will be displayed. You can then restart the game by dismissing the game over alert.