A game that you on a raft and need to survive 100 days and there are monsters's game

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

No:14647

←

Prev Next

→

A game that you on a raft and need to survive 100 ..ALL
Developer User6337｜Date and time 23/9/3 23:54:38
Build time 37.291 sec｜Game capacity 3.648KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. The game is played on a raft where the player needs to survive for 100 days while being chased by monsters. Please note that due to the limitations of text-based communication, I won't be able to include pictograms in my response. You can copy the code below and save it as an HTML file to play the game in your browser.

To play the game, simply open the HTML file in a web browser (preferably on a smartphone). You control the raft's movement using the left, right, up, and down arrow keys. Avoid the monster and survive for 100 days to win the game. If the monster catches you before that, it's game over.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Raft Survival Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas, ctx;
    var raftX, raftY;
    var monsterX, monsterY;
    var daysSurvived;
  
    // Event listeners
    document.addEventListener("keydown", handleKeyDown);
  
    // Game initialization
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      raftX = canvas.width / 2;
      raftY = canvas.height / 2;
      monsterX = Math.random() * canvas.width;
      monsterY = Math.random() * canvas.height;
      daysSurvived = 0;
      setInterval(updateGame, 1000); // Update game every 1 second
    }
  
    // Game update function
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      moveMonster();
      if (detectCollision()) {
        endGame();
      } else {
        drawRaft();
        drawMonster();
        daysSurvived++;
        if (daysSurvived >= 100) {
          winGame();
        }
      }
    }
  
    // Function to handle player movement
    function handleKeyDown(event) {
      var key = event.keyCode;
      if (key === 37) { // left arrow key
        raftX -= 10;
      } else if (key === 39) { // right arrow key
        raftX += 10;
      } else if (key === 38) { // up arrow key
        raftY -= 10;
      } else if (key === 40) { // down arrow key
        raftY += 10;
      }
    }
  
    // Function to move the monster randomly
    function moveMonster() {
      var randomX = Math.random() * 10;
      var randomY = Math.random() * 10;
      if (monsterX < raftX) {
        monsterX += randomX;
      } else {
        monsterX -= randomX;
      }
      if (monsterY < raftY) {
        monsterY += randomY;
      } else {
        monsterY -= randomY;
      }
    }
  
    // Function to check collision between raft and monster
    function detectCollision() {
      var distanceX = raftX - monsterX;
      var distanceY = raftY - monsterY;
      var distance = Math.sqrt(distanceX * distanceX + distanceY * distanceY);
      return distance < 20;
    }
  
    // Function to end the game
    function endGame() {
      alert("Game Over! You were caught by the monster.");
      location.reload(); // Reload the page to start a new game
    }
  
    // Function to win the game
    function winGame() {
      alert("Congratulations! You survived 100 days on the raft.");
      location.reload(); // Reload the page to start a new game
    }
  
    // Function to draw the raft
    function drawRaft() {
      ctx.fillStyle = "blue";
      ctx.fillRect(raftX - 10, raftY - 10, 20, 20);
    }
  
    // Function to draw the monster
    function drawMonster() {
      ctx.fillStyle = "red";
      ctx.fillRect(monsterX - 10, monsterY - 10, 20, 20);
    }
  
    // Start the game
    init();
  </script>
</body>
</html>
```