Make a game where you jumping over monsters, and shooting them's game

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

No:12711

122

←

Prev Next

→

Make a game where you jumping over monsters, and s..ALL
Developer User4587｜Date and time 23/8/22 10:56:53
Build time 21.761 sec｜Game capacity 4.161KB｜

Script

Sure! Here's a simple jumping and shooting game implemented in a single HTML file with JavaScript:

In this game, you control a blue square representing the player and need to jump over red squares representing monsters. You can press the Spacebar to jump and Enter key to shoot. Colliding with a monster will end the game. Please note that the shooting action is currently logged to the console only. You can implement the shooting mechanics to fit your game concept.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple jumping and shooting game implemented in a single HTML file with JavaScript:

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

// Game objects
        let player = { x: 50, y: canvas.height - playerHeight, isJumping: false };
        let monsters = [];

// Player controls
        document.addEventListener("keydown", handleKeyDown);

// Game loop
        setInterval(gameLoop, 10);

function gameLoop() {
            clearCanvas();
            updatePlayer();
            updateMonsters();
            drawPlayer();
            drawMonsters();
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function updatePlayer() {
            if (player.y < canvas.height - playerHeight && !player.isJumping) {
                player.y += gravity; // Apply gravity
            }
        }

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, playerWidth, playerHeight);
        }

function updateMonsters() {
            for (let i = 0; i < monsters.length; i++) {
                monsters[i].x -= 5; // Move monsters to the left

// Check for collision with player
                if (player.x < monsters[i].x + monsterWidth &&
                    player.x + playerWidth > monsters[i].x &&
                    player.y < monsters[i].y + monsterHeight &&
                    player.y + playerHeight > monsters[i].y) {
                    gameOver();
                }

// Remove monsters that have moved off the screen
                if (monsters[i].x + monsterWidth < 0) {
                    monsters.splice(i, 1);
                }
            }

// Create new monster at random intervals
            if (Math.random() < 0.01) {
                let monster = { x: canvas.width, y: canvas.height - monsterHeight };
                monsters.push(monster);
            }
        }

function drawMonsters() {
            ctx.fillStyle = "red";
            for (let i = 0; i < monsters.length; i++) {
                ctx.fillRect(monsters[i].x, monsters[i].y, monsterWidth, monsterHeight);
            }
        }

function jump() {
            let initialY = player.y;
            let jumpInterval = setInterval(function () {
                player.y -= 5;

if (player.y <= initialY - jumpHeight) {
                    clearInterval(jumpInterval);
                    player.isJumping = false;
                }
            }, 10);
        }

function shoot() {
            // Implement shooting action here
            console.log("Shot fired!");
        }

function gameOver() {
            // Implement game over logic here
            console.log("Game over!");
        }
    </script>
</body>
</html>
```

Please note that the shooting action is currently logged to the console only. You can implement the shooting mechanics to fit your game concept.