I wanna game which has a angel and she is doing Parkour and when the Parkour ends she gets a surprise's game

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

No:15215

←

Prev Next

→

I wanna game which has a angel and she is doing Pa..ALL
Developer User6594｜Date and time 23/9/7 18:00:31
Build time 35.954 sec｜Game capacity 3.502KB｜

Script

Sure, here's a basic game implementation in HTML with JavaScript:

To use this code, make sure to replace the `emozi_rabbit.png` and `emozi_apple.png` image paths with the actual paths to your pictogram images. You can also customize the size and position of the game canvas by modifying the `width` and `height` attributes in `<canvas>` tag. This game sets up a canvas and allows the player (controlled by the arrow keys) to move the angel pictogram. The objective of the game is to reach the surprise pictogram by navigating the angel through a Parkour course. Once the angel collides with the surprise, a congratulations message is displayed. Please note that this is a basic implementation, and you can add more features, levels, and styling to the game as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure, here's a basic game implementation in HTML with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Load pictogram images
        var angelImg = new Image();
        angelImg.src = "angel.png";

var surpriseImg = new Image();
        surpriseImg.src = "surprise.png";

// Game state variables
        var isRunning = false; // Flag to track if Parkour is running
        var angelX = 50; // Initial x position of the angel
        var angelY = canvas.height - 100; // Initial y position of the angel
        var surpriseX = canvas.width - 100; // X position of the surprise
        var surpriseY = canvas.height - 100; // Y position of the surprise
        var score = 0; // Score variable

// Event listener for keyboard input
        document.addEventListener("keydown", handleKeyPress);

// Function to handle keyboard inputs
        function handleKeyPress(event) {
            if (event.key === "ArrowLeft" && isRunning) {
                angelX -= 10; // Move the angel left
            } else if (event.key === "ArrowRight" && isRunning) {
                angelX += 10; // Move the angel right
            }
        }

// Function to check collision between angel and surprise
        function checkCollision() {
            if (angelX < surpriseX + 50 &&
                angelX + 50 > surpriseX &&
                angelY < surpriseY + 50 &&
                angelY + 50 > surpriseY) {
                // Collision detected
                isRunning = false;
                alert("Congratulations! You've completed the Parkour and got a surprise!");
            }
        }

// Function to update game state
        function update() {
            if (isRunning) {
                // Clear the canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the angel
                ctx.drawImage(angelImg, angelX, angelY, 50, 50);

// Draw the surprise
                ctx.drawImage(surpriseImg, surpriseX, surpriseY, 50, 50);

// Check for collision
                checkCollision();

// Update score
                score++;
            }

// Request animation frame
            requestAnimationFrame(update);
        }

// Function to start the Parkour
        function startParkour() {
            isRunning = true;
        }

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

To use this code, make sure to replace the `angel.png` and `surprise.png` image paths with the actual paths to your pictogram images. You can also customize the size and position of the game canvas by modifying the `width` and `height` attributes in `<canvas>` tag.

This game sets up a canvas and allows the player (controlled by the arrow keys) to move the angel pictogram. The objective of the game is to reach the surprise pictogram by navigating the angel through a Parkour course. Once the angel collides with the surprise, a congratulations message is displayed.

Please note that this is a basic implementation, and you can add more features, levels, and styling to the game as per your requirements.