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

No:12045

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

Script

Sure! Here's an implementation of the game you described as a single HTML file:

Boat Dodger Game

🛥️

To play the game, simply copy the code and save it as an HTML file (e.g., "boat_dodger.html"). Open the file in a web browser and you'll be able to control the boat by clicking on the up ⬆️ and down ⬇️ buttons. Dodge the ice 🧊 emojis to earn points and upgrade your boat's health. If you collide with the ice emojis three times, you'll fail and see a message asking if you want to try again.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's an implementation of the game you described as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Boat Dodger Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        
        #game {
            font-size: 50px;
            margin-bottom: 20px;
        }
        
        button {
            font-size: 30px;
            padding: 10px 20px;
            margin: 10px;
        }
        
        #message {
            margin-top: 30px;
            display: none;
        }
    </style>
</head>
<body>
    <h1>Boat Dodger Game</h1>
    <div id="game">🛥️</div>
    <button id="upButton" onclick="move('up')">⬆️</button>
    <button id="downButton" onclick="move('down')">⬇️</button>
    <div id="message"></div>

var boatHealth = 1;
        var score = 0;

function move(direction) {
            if (direction === "up") {
                boat.style.marginTop = (parseInt(boat.style.marginTop) - 10) + "px";
            } else if (direction === "down") {
                boat.style.marginTop = (parseInt(boat.style.marginTop) + 10) + "px";
            }
        }

function generateIce() {
            var ice = document.createElement("div");
            ice.innerText = "🧊";
            ice.className = "ice";
            document.body.appendChild(ice);

var marginTop = Math.floor(Math.random() * window.innerHeight);
            ice.style.marginTop = marginTop + "px";

setTimeout(function() {
                document.body.removeChild(ice);
            }, 3000);

setTimeout(function() {
                if (checkCollision(ice)) {
                    boatHealth--;
                    if (boatHealth <= 0) {
                        endGame();
                    }
                } else {
                    score++;
                    boatHealth++;
                    updateScore();
                    generateIce();
                }
            }, 3000);
        }

function checkCollision(ice) {
            var boatRect = boat.getBoundingClientRect();
            var iceRect = ice.getBoundingClientRect();

return (
                boatRect.bottom >= iceRect.top &&
                boatRect.top <= iceRect.bottom &&
                boatRect.right >= iceRect.left &&
                boatRect.left <= iceRect.right
            );
        }

function updateScore() {
            boat.innerHTML = "🛥️".repeat(boatHealth);
        }

function endGame() {
            upButton.disabled = true;
            downButton.disabled = true;
            message.innerHTML = "You failed, the Titanic has sunk. Try again?";
            message.style.display = "block";
        }

generateIce();
    </script>
</body>
</html>
```