2d platformer game the player is melon and enemies are water melons with 10 levels's game

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

No:12505

←

Prev Next

→

2d platformer game the player is melon and enemies..ALL
Developer User5149｜Date and time 23/8/18 21:41:31
Build time 19.872 sec｜Game capacity 2.932KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>2D Platformer Game</title>
    <style>
        canvas {
            border: 1px solid black; /* Add border to the game canvas */
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Load the game once the page is ready
        window.onload = function() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            playerX = 50;
            playerY = 50;
            enemyX = 200;
            enemyY = 400;
            level = 1;

// Start the game loop
            setInterval(update, 20);
        }

// Update the game state
        function update() {
            movePlayer();
            moveEnemy();
            detectCollision();
            draw();

// Check if the player has completed all 10 levels
            if (level > 10) {
                alert("Congratulations! You have completed all levels.");
                resetGame();
            }
        }

// Handle player movement
        function movePlayer() {
            // Add code to handle player movement based on smartphone touch controls or arrow keys
        }

// Handle enemy movement
        function moveEnemy() {
            // Add code to handle enemy movement based on level and game logic
        }

// Detect collision between player and enemy
        function detectCollision() {
            var distanceX = Math.abs(playerX - enemyX);
            var distanceY = Math.abs(playerY - enemyY);

// Check for collision
            if (distanceX < 20 && distanceY < 20) {
                alert("Game Over! You collided with an enemy. Try again!");
                resetGame();
            }
        }

// Reset the game to level 1
        function resetGame() {
            level = 1;
            playerX = 50;
            playerY = 50;
            enemyX = 200;
            enemyY = 400;
        }

// Draw the game objects on the canvas
        function draw() {
            // Clear the canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player as a melon pictogram
            canvasContext.fillStyle = "green";
            canvasContext.fillRect(playerX, playerY, 20, 20);

// Draw enemies as watermelon pictograms
            canvasContext.fillStyle = "red";
            canvasContext.fillRect(enemyX, enemyY, 20, 20);

// Draw level text
            canvasContext.font = "20px Arial";
            canvasContext.fillStyle = "black";
            canvasContext.fillText("Level: " + level, 20, 30);
        }
    </script>
</body>
</html>