Pokémon 🐹(Pokémon) 😐(pokeball) cach them all's game

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

No:8579

2176

←

Prev Next

→

Pokémon 🐹(Pokémon) 😐(pokeball) cach them all
Developer User4212｜Date and time 23/7/17 1:14:38
Build time 26.393 sec｜Game capacity 2.873KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Pokémon - Catch Them All</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define the player and pokémon positions
        let playerX = 200;
        let playerY = 200;
        let pokemonX = Math.random() * (canvas.width - 50);
        let pokemonY = Math.random() * (canvas.height - 50);

// Event listener for arrow key control
        document.addEventListener("keydown", keyDownHandler);

// Draw the initial state of the game
        drawGame();

function drawGame() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            context.fillStyle = "#FF0000";
            context.fillRect(playerX, playerY, 50, 50);

// Draw the pokémon
            context.fillStyle = "#00FF00";
            context.fillRect(pokemonX, pokemonY, 50, 50);

// Check if the player has caught the pokémon
            if (playerX < pokemonX + 50 &&
                playerX + 50 > pokemonX &&
                playerY < pokemonY + 50 &&
                playerY + 50 > pokemonY) {
                alert("Congratulations! You caught the Pokémon!");
                resetGame();
            }
        }

// Ensure the player stays within the canvas boundaries
            if (playerX < 0) {
                playerX = 0;
            }
            else if (playerX > canvas.width - 50) {
                playerX = canvas.width - 50;
            }
            if (playerY < 0) {
                playerY = 0;
            }
            else if (playerY > canvas.height - 50) {
                playerY = canvas.height - 50;
            }

// Redraw the game after player movement
            drawGame();
        }

function resetGame() {
            // Reset player and pokémon positions
            playerX = 200;
            playerY = 200;
            pokemonX = Math.random() * (canvas.width - 50);
            pokemonY = Math.random() * (canvas.height - 50);

// Redraw the game
            drawGame();
        }
    </script>
</body>
</html>