You play as a boat emoji and try to dodge ice 🧊 emojis by clicking the up ⬆️ and down ⬇️ button. You’ll have 3 seconds to click the buttons and if you crash into the ice 🧊 emojis a text warning saying “you failed, the titanic has sunken, try again?” Will appear, if you dodge it you’ll get a point and continue, points can upgrade your boat emoji giving it more health's game

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

No:12049

←

Prev Next

→

You play as a boat emoji and try to dodge ice 🧊 em..ALL
Developer User5036｜Date and time 23/8/14 0:23:56
Build time 27.096 sec｜Game capacity 3.521KB｜

Script

Sure! Here's an example of a single HTML file that implements the game you described:

🚢

🧊️

To play the game, simply copy the code above and save it into a new HTML file, then open the file in a web browser on your smartphone. You should see a boat emoji on the left side of the screen and ice emojis moving from the right side towards the boat. Use the ⬆️ button to move the boat up and the ⬇️ button to move the boat down. Dodge the ice emojis to score points and upgrade your boat's health! If you collide with an ice emoji, a message will appear and your score and boat health will reset. Good luck!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a single HTML file that implements the game you described:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Emoji Boat Game</title>
  <style>
    #board {
      position: relative;
      width: 100%;
      height: 300px;
      background-color: #78c4d4;
    }
    .emoji {
      position: absolute;
      font-size: 30px;
    }
    .boat {
      left: 20px;
      bottom: 50%;
      transition: 0.2s;
    }
    .ice {
      right: 20px;
      bottom: 50%;
      animation: moveIce 2s linear infinite;
    }
    
    @keyframes moveIce {
      0% {
        bottom: 0%;
      }
      100% {
        bottom: 100%;
      }
    }
  </style>
</head>
<body>
  <div id="board">
    <div class="emoji boat">🚢</div>
    <div class="emoji ice">🧊️</div>
  </div>
  <button id="up-button">⬆️</button>
  <button id="down-button">⬇️</button>
  <script>
    var boat = document.querySelector('.boat');
    var ice = document.querySelector('.ice')
    var upButton = document.getElementById('up-button');
    var downButton = document.getElementById('down-button');
    var score = 0;
    var health = 1;
  
    function moveBoatUp() {
      var currentBottom = parseInt(getComputedStyle(boat).bottom);
      if (currentBottom < 90) {
        boat.style.bottom = (currentBottom + 10) + '%';
      }
    }
  
    function moveBoatDown() {
      var currentBottom = parseInt(getComputedStyle(boat).bottom);
      if (currentBottom > 10) {
        boat.style.bottom = (currentBottom - 10) + '%';
      }
    }
  
    function checkCollision() {
      var boatRect = boat.getBoundingClientRect();
      var iceRect = ice.getBoundingClientRect();
    
      if (boatRect.bottom > iceRect.top && boatRect.top < iceRect.bottom) {
        score = 0;
        health--;
        displayMessage("You failed, the Titanic has sunken. Try again?");
        boat.style.bottom = '50%';
        setTimeout(function() {
          removeMessage();
        }, 3000);
      }
    }
  
    function displayMessage(message) {
      var messageElem = document.createElement('div');
      messageElem.textContent = message;
      messageElem.className = 'message';
      document.body.appendChild(messageElem);
    }
  
    function removeMessage() {
      var messageElem = document.querySelector('.message');
      if (messageElem) {
        messageElem.remove();
      }
    }
  
    function updateScore() {
      score++;
      if (score % 5 === 0) {
        health++;
        boat.style.transition = 'none';
        boat.style.transform = 'scale(' + Math.max(1, health) + ')';
        setTimeout(function() {
          boat.style.transition = '0.2s';
          boat.style.transform = 'none';
        }, 200);
      }
    }
  
    setInterval(function() {
      checkCollision();
      updateScore();
    }, 100);
  
    upButton.addEventListener('click', moveBoatUp);
    downButton.addEventListener('click', moveBoatDown);
  </script>
</body>
</html>
```