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

No:30032

A game where you deliver presents on Christmas wit..ALL
Developer User14690｜Date and time 23/12/20 9:22:32
Build time 14.615 sec｜Game capacity 3.108KB｜

Script

Sure! Here's an example of a simple game where you deliver presents on Christmas using JavaScript and HTML. The game will have a time limit and a high score system. Please note that for a full-featured game with advanced functionality, you would typically separate the JavaScript code from the HTML file.

Christmas Present Delivery Game

Score: 0

Time: 60

In this game, presents are represented by div elements with a present image as the background. The player needs to click on the presents to collect them and increase their score within the given time limit. Once the time runs out, the game ends and the player's final score is displayed in an alert. Please note that you need to provide your own present.png image file and adjust the styling based on your preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Christmas Present Delivery Game</title>
  <style>
    #game-container {
      width: 400px;
      height: 400px;
      margin: 0 auto;
      background-image: url('present.png');
      background-size: cover;
      position: relative;
    }
    
    .present {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url('present.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <h1>Christmas Present Delivery Game</h1>
  <div id="game-container">
    <div id="score">Score: 0</div>
    <div id="time">Time: 60</div>
  </div>

// Function to generate random positions for presents
    function generateRandomPosition() {
      var x = Math.floor(Math.random() * 350);
      var y = Math.floor(Math.random() * 350);
      return { x: x, y: y };
    }

// Function to update score
    function updateScore() {
      score++;
      document.getElementById('score').innerHTML = 'Score: ' + score;
    }

// Function to update time
    function updateTime() {
      timeRemaining--;
      document.getElementById('time').innerHTML = 'Time: ' + timeRemaining;
      if (timeRemaining <= 0) {
        clearInterval(gameInterval);
        alert('Game Over! Your final score is: ' + score);
      }
    }

// Function to handle present click event
    function handlePresentClick() {
      updateScore();
      var present = this;
      var newPosition = generateRandomPosition();
      present.style.top = newPosition.y + 'px';
      present.style.left = newPosition.x + 'px';
    }

// Initialize game
    function startGame() {
      gameInterval = setInterval(updateTime, 1000);

// Create presents
      for (var i = 0; i < 10; i++) {
        var present = document.createElement('div');
        present.className = 'present';
        var position = generateRandomPosition();
        present.style.top = position.y + 'px';
        present.style.left = position.x + 'px';
        present.addEventListener('click', handlePresentClick);
        document.getElementById('game-container').appendChild(present);
      }
    }

// Start game when the page is loaded
    window.onload = startGame;
  </script>
</body>
</html>
```

Please note that you need to provide your own present.png image file and adjust the styling based on your preferences.