1.A submarine will cover the screen so it looks like your inside it. 2.Then,you will have a choice to choose either the Titanic or Brittanic. 3.Water sounds will start to play. 4.After 4 seconds,you will see a piece of the ship. 5.Click the door to get out. 6.You will see water and the ship you picked.'s game

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

No:9904

173

←

Prev Next

→

1.A submarine will cover the screen so it looks li..ALL
Developer FirstNormalPerson｜Date and time 23/7/28 6:57:02
Build time 21.112 sec｜Game capacity 3.141KB｜

Script

I understand you are requesting a HTML game in which you start inside a submarine, have a choice between the Titanic and the Brittanic, hear water sounds, see a piece of the ship after 4 seconds, and then be able to click on a door to get out and see water and the ship you picked. Here's an example of how the game could be implemented:

Please note that this is a simplified example just to demonstrate the basic flow of the game. You would need to provide the necessary image and audio files, and enhance the game with more graphics, interactions, and functionality based on your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Underwater Adventure</title>
    <style>
        #submarine {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #000;
        }
        
        #shipPiece {
            position: absolute;
            width: 100px;
            height: 100px;
            top: 50%;
            left: 50%;
            background-color: #fff;
            display: none;
        }
        
        #door {
            width: 100px;
            height: 100px;
            position: absolute;
            top: 0;
            right: 0;
            cursor: pointer;
        }
        
        #ocean {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #00f;
            display: none;
        }
        
        #selectedShip {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #fff;
            font-size: 24px;
            display: none;
        }
    </style>
</head>
<body>
    <script>
        // Step 1: Create the submarine element
        var submarine = document.createElement('div');
        submarine.id = 'submarine';
        document.body.appendChild(submarine);

// Step 2: Prompt the user to choose a ship
        var choice = prompt('Choose a ship: Titanic or Britannic');

// Step 3: Play water sounds
        var audio = new Audio('water.mp3');
        audio.play();

// Step 4: After 4 seconds, show a piece of the ship
        setTimeout(function() {
            var shipPiece = document.getElementById('shipPiece');
            shipPiece.style.display = 'block';
        }, 4000);

// Step 5: Clicking on the door allows the player to exit the submarine
        var door = document.getElementById('door');
        door.addEventListener('click', function() {
            submarine.style.display = 'none';
            var ocean = document.getElementById('ocean');
            ocean.style.display = 'block';

// Step 6: Display the chosen ship
            var selectedShip = document.getElementById('selectedShip');
            selectedShip.innerText = choice;
            selectedShip.style.display = 'block';
        });
    </script>

<div id="shipPiece"></div>
    <img id="door" src="door.png" alt="Door" />
    <div id="ocean"></div>
    <div id="selectedShip"></div>
</body>
</html>
```