Make a 2D open world game who should be very amazing along with it will be multiplayer and single player boat and it will be a fighting game and they would be a lots of levels and in the story we can see that there is a character and name is Louis who is trying to save his young small brother and the character have to fight with many villain and go to different kinds of cities places along with their he can customise guns's game

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

No:12961

172

←

Prev Next

→

Make a 2D open world game who should be very amazi..ALL
Developer User5660｜Date and time 23/8/25 13:41:44
Build time 34.584 sec｜Game capacity 5.219KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<html>
<head>
    <title>Amazing Boat Fighting Game</title>
    <style>
        #game-container {
            width: 100vw;
            height: 100vh;
            background: #000;
            position: relative;
        }
        #player {
            width: 50px;
            height: 50px;
            background: red;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .villain {
            width: 50px;
            height: 50px;
            background: blue;
            position: absolute;
        }
        #gun-customize-container {
            width: 200px;
            height: 300px;
            background: #333;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: none;
        }
        #customize-input {
            width: 100px;
            height: 20px;
            margin-bottom: 10px;
        }
        #customize-button {
            width: 100px;
            height: 30px;
            background: #ccc;
            cursor: pointer;
        }
        .level {
            margin-bottom: 10px;
        }
        #level-select-container {
            width: 300px;
            height: 300px;
            background: #333;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: none;
        }
        .level-button {
            width: 100px;
            height: 30px;
            background: #ccc;
            margin-bottom: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>
    <div id="gun-customize-container">
        <input id="customize-input" type="text" placeholder="Enter gun name">
        <button id="customize-button">Customize</button>
    </div>
    <div id="level-select-container">
        <div class="level">
            <button class="level-button">Level 1</button>
        </div>
        <div class="level">
            <button class="level-button">Level 2</button>
        </div>
        <div class="level">
            <button class="level-button">Level 3</button>
        </div>
    </div>
    <script>
        // Constants
        const CONTAINER_WIDTH = document.getElementById('game-container').offsetWidth;
        const CONTAINER_HEIGHT = document.getElementById('game-container').offsetHeight;

// Player
        let player = document.getElementById('player');

// Villains
        let villains = [];

// Gun customize
        let gunCustomizeContainer = document.getElementById('gun-customize-container');
        let customizeInput = document.getElementById('customize-input');
        let customizeButton = document.getElementById('customize-button');

// Level select
        let levelSelectContainer = document.getElementById('level-select-container');
        let levelButtons = document.getElementsByClassName('level-button');

// Set player position
        player.style.top = `${CONTAINER_HEIGHT / 2}px`;
        player.style.left = `${CONTAINER_WIDTH / 2}px`;

// Function to create a villain
        function createVillain() {
            let villain = document.createElement('div');
            villain.classList.add('villain');
            let xPos = Math.floor(Math.random() * CONTAINER_WIDTH);
            let yPos = Math.floor(Math.random() * CONTAINER_HEIGHT);
            villain.style.top = `${yPos}px`;
            villain.style.left = `${xPos}px`;
            villains.push(villain);
            document.getElementById('game-container').appendChild(villain);
        }

// Function to move player based on touch/mouse event
        function movePlayer(event) {
            let xPos = event.clientX - player.offsetWidth / 2;
            let yPos = event.clientY - player.offsetHeight / 2;
            player.style.left = `${xPos}px`;
            player.style.top = `${yPos}px`;
        }

// Function to customize gun
        function customizeGun() {
            let gunName = customizeInput.value;
            console.log(`Customizing gun with name: ${gunName}`);
            gunCustomizeContainer.style.display = 'none';
        }

// Function to show gun customize options
        function showGunCustomize() {
            gunCustomizeContainer.style.display = 'block';
        }

// Function to start a specific level
        function startLevel(level) {
            console.log(`Starting Level ${level}`);
            levelSelectContainer.style.display = 'none';
            for (let i = 0; i < level; i++) {
                createVillain();
            }
            player.addEventListener('mousemove', movePlayer);
        }

// Event listeners for level buttons
        for (let i = 0; i < levelButtons.length; i++) {
            levelButtons[i].addEventListener('click', function() {
                startLevel(i+1);
            });
        }

// Event listener for customize button
        customizeButton.addEventListener('click', customizeGun);
    </script>
</body>
</html>