Platform jungle game's game

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

No:25133

←

Prev Next

→

Platform jungle game
Developer User12226｜Date and time 23/11/18 4:19:36
Build time 82.782 sec｜Game capacity 4.935KB｜

Script

Sure! Here's a basic implementation of a platform jungle game using JavaScript, enclosed in script tags within a single HTML file:

This implementation sets up a basic platform jungle game where the player controls a character (represented by a colored rectangle) that can jump on a platform (represented by another rectangle). The player can move the platform by pressing left or right keys (for desktop) or by touching the left or right side of the screen (for mobile devices). When the player collides with the platform, they are able to perform a jump. The game state is continuously updated using the `update()` function and drawn on the canvas using the `drawPlayer()` and `drawPlatform()` functions. Note: This is a basic implementation and can be further expanded to include additional features such as multiple platforms, enemies, collectibles, scoring, etc.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a basic implementation of a platform jungle game using JavaScript, enclosed in script tags within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platform Jungle Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player position and size
        var playerX = canvas.width / 2;
        var playerY = canvas.height - 30;
        var playerWidth = 30;
        var playerHeight = 30;

// Player movement variables
        var isJumping = false;
        var jumpHeight = 100;
        var jumpCount = 0;
        var jumpSpeed = 5;

// Platform variables
        var platformX = 50;
        var platformY = 350;
        var platformWidth = 100;
        var platformHeight = 10;

// Controls for mobile devices
        var leftPressed = false;
        var rightPressed = false;

// Event listeners for touch controls
        document.addEventListener("touchstart", handleTouchStart, false);
        document.addEventListener("touchend", handleTouchEnd, false);

function handleTouchStart(event) {
            if (event.touches[0].clientX < canvas.width / 2) {
                leftPressed = true;
            } else {
                rightPressed = true;
            }
        }

function handleTouchEnd(event) {
            leftPressed = false;
            rightPressed = false;
        }

// Keyboard event listeners for desktop controls
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = true;
            } else if (event.key === "ArrowRight") {
                rightPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = false;
            } else if (event.key === "ArrowRight") {
                rightPressed = false;
            }
        }

// Function to draw the player
        function drawPlayer() {
            ctx.beginPath();
            ctx.rect(playerX, playerY, playerWidth, playerHeight);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

// Function to draw the platform
        function drawPlatform() {
            ctx.beginPath();
            ctx.rect(platformX, platformY, platformWidth, platformHeight);
            ctx.fillStyle = "#000000";
            ctx.fill();
            ctx.closePath();
        }

// Function to update the game state and positions
        function update() {
            // Move platform
            if (rightPressed && platformX + platformWidth < canvas.width) {
                platformX += 5;
            } else if (leftPressed && platformX > 0) {
                platformX -= 5;
            }

// Jump logic
            if (isJumping) {
                if (jumpCount <= jumpHeight) {
                    playerY -= jumpSpeed;
                    jumpCount += jumpSpeed;
                } else {
                    isJumping = false;
                    jumpCount = 0;
                }
            } else {
                // Simulate gravity
                if (playerY + playerHeight < canvas.height) {
                    playerY += 2;
                }
            }

// Collision detection
            if (playerX < platformX + platformWidth &&
                playerX + playerWidth > platformX &&
                playerY + playerHeight > platformY) {
                isJumping = true;
            }

// Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw objects
            drawPlayer();
            drawPlatform();

// Repeat the update function
            requestAnimationFrame(update);
        }

// Start the game
        update();
    </script>
</body>
</html>
```

Note: This is a basic implementation and can be further expanded to include additional features such as multiple platforms, enemies, collectibles, scoring, etc.