AI game creator

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

No:24365

←

Prev Next

→

Donkey Kong
Developer User11298｜Date and time 23/11/8 2:51:04
Build time 85.202 sec｜Game capacity 3.334KB｜

Script

Sure! Here's an example of a simple Donkey Kong game implemented as a single HTML file using JavaScript and enclosed in script tags. This implementation assumes smartphone operation and uses pictograms:

This implementation uses two pictograms, `emozi_all/player.png` and `emozi_chicken.png`, which you can replace with your own pictograms or images. To make this code work, save the pictograms as `emozi_all/player.png` and `emozi_hamuster.png` in the same directory as the HTML file. The game is controlled by touching the game board. When the touch is initiated, the player moves left, and when the touch ends, the player moves right. The player needs to avoid colliding with the moving obstacle. Once a collision occurs, a "Game Over!" alert is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Donkey Kong Game</title>
  <style>
    #game-board {
      position: relative;
      width: 400px;
      height: 600px;
      border: 1px solid black;
      overflow: hidden;
    }

#player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('player.png');
      background-size: cover;
    }

#obstacle {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('obstacle.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div id="player"></div>
    <div id="obstacle"></div>
  </div>

// Event listeners for touch controls
    gameBoard.addEventListener('touchstart', movePlayerLeft, false);
    gameBoard.addEventListener('touchend', movePlayerRight, false);

// Function to start the game
    function startGame() {
      gameInterval = setInterval(updateGame, 20);
    }

// Function to update the game state
    function updateGame() {
      movePlayer();
      moveObstacle();
      checkCollision();
    }

// Function to move the player left
    function movePlayerLeft() {
      playerPosition -= 10;
    }

// Function to move the player right
    function movePlayerRight() {
      playerPosition += 10;
    }

// Function to move the player
    function movePlayer() {
      player.style.left = playerPosition + 'px';
    }

// Function to move the obstacle
    function moveObstacle() {
      obstaclePosition += 5;
      if (obstaclePosition > 400) {
        obstaclePosition = -50;
      }
      obstacle.style.top = obstaclePosition + 'px';
    }

// Function to check for collision between player and obstacle
    function checkCollision() {
      var playerRect = player.getBoundingClientRect();
      var obstacleRect = obstacle.getBoundingClientRect();
      if (
        playerRect.top < obstacleRect.top + obstacleRect.height &&
        playerRect.top + playerRect.height > obstacleRect.top &&
        playerRect.left < obstacleRect.left + obstacleRect.width &&
        playerRect.left + playerRect.width > obstacleRect.left
      ) {
        clearInterval(gameInterval);
        alert('Game Over!');
      }
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

This implementation uses two pictograms, `player.png` and `obstacle.png`, which you can replace with your own pictograms or images. To make this code work, save the pictograms as `player.png` and `obstacle.png` in the same directory as the HTML file.

The game is controlled by touching the game board. When the touch is initiated, the player moves left, and when the touch ends, the player moves right. The player needs to avoid colliding with the moving obstacle. Once a collision occurs, a "Game Over!" alert is displayed.