Make a platformer game where the character holds a sword and k○lls enemies, he can jump, and turn left and right using a dpad's game

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

No:41739

←

Prev Next

→

Make a platformer game where the character holds a..ALL
Developer User16428｜Date and time 24/2/9 17:05:43
Build time 14.706 sec｜Game capacity 4.785KB｜

Script

Sure! Here's an example of a simple platformer game implemented using HTML, JavaScript, and pictograms. It includes a character with a sword, enemies to kill, and movement controls using a dpad:

To play this game, you can copy the above code and save it as a single HTML file. Then simply open the file using a web browser on your smartphone or computer. You can control the character by using the arrow keys for left/right movement, the space bar to jump, and the X key to attack. The character will be represented by a blue rectangle, and enemies will be red rectangles. When the character hits an enemy with an attack, the enemy will be removed from the canvas. Note: This is a basic example of a platformer game and can be further expanded and customized based on your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple platformer game implemented using HTML, JavaScript, and pictograms. It includes a character with a sword, enemies to kill, and movement controls using a dpad:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        /* Styling for game canvas */
        #game-canvas {
            width: 320px;
            height: 240px;
            border: 2px solid black;
        }
    </style>
</head>
<body>
    <canvas id="game-canvas"></canvas>

// Player character
        const player = {
            x: 50,
            y: canvas.height - 80,
            w: 32,
            h: 48,
            jumping: false,
            dy: 0,
            speed: 3,
            attack: false,
        };

// Enemies
        const enemies = [
            { x: 150, y: canvas.height - 80, w: 32, h: 48 },
            { x: 250, y: canvas.height - 80, w: 32, h: 48 },
            // Add more enemies here
        ];

// Controls
        const controls = {
            left: false,
            right: false,
            jump: false,
            attack: false,
        };

// Keyboard Event Listeners
        document.addEventListener("keydown", function (event) {
            if (event.code === "ArrowLeft") {
                controls.left = true;
            } else if (event.code === "ArrowRight") {
                controls.right = true;
            } else if (event.code === "Space") {
                controls.jump = true;
            } else if (event.code === "KeyX") {
                controls.attack = true;
            }
        });

// Game Loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Move left
            if (controls.left) {
                player.x -= player.speed;
            }

// Move right
            if (controls.right) {
                player.x += player.speed;
            }

// Jump
            if (controls.jump && !player.jumping) {
                player.dy -= 10;
                player.jumping = true;
            }

// Apply gravity
            player.dy += 0.5;
            player.y += player.dy;
            player.dy *= 0.9;

// Ground collision
            if (player.y > canvas.height - player.h) {
                player.y = canvas.height - player.h;
                player.jumping = false;
            }

// Draw player
            context.fillStyle = "blue";
            context.fillRect(player.x, player.y, player.w, player.h);

// Draw enemies
            context.fillStyle = "red";
            enemies.forEach(function (enemy) {
                context.fillRect(enemy.x, enemy.y, enemy.w, enemy.h);
            });

// Collision detection
            enemies.forEach(function (enemy, index) {
                if (
                    player.x < enemy.x + enemy.w &&
                    player.x + player.w > enemy.x &&
                    player.y < enemy.y + enemy.h &&
                    player.y + player.h > enemy.y
                ) {
                    // Player hit enemy
                    enemies.splice(index, 1);
                }
            });

// Attack
            if (controls.attack) {
                player.attack = true;
            } else {
                player.attack = false;
            }

// Request next frame
            requestAnimationFrame(gameLoop);
        }

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

Note: This is a basic example of a platformer game and can be further expanded and customized based on your requirements.