An rng open world, with many different characters and a big boss battle at the end's game

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

No:47557

←

Prev Next

→

An rng open world, with many different characters ..ALL
Developer User20526｜Date and time 24/2/28 12:38:04
Build time 7.553 sec｜Game capacity 2.14KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Open World RPG Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Map variables
        const mapWidth = 800;
        const mapHeight = 600;
        const tileSize = 40;

// Character variables
        const playerSize = 40;
        let playerX = mapWidth / 2;
        let playerY = mapHeight / 2;

// Other characters
        const characters = [
            { x: 100, y: 100, type: 'enemy' },
            { x: 200, y: 200, type: 'npc' }
        ];

// Draw player
        function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, playerSize, playerSize);
        }

// Draw characters
        function drawCharacters() {
            characters.forEach(character => {
                if (character.type === 'enemy') {
                    ctx.fillStyle = 'red';
                } else {
                    ctx.fillStyle = 'green';
                }
                ctx.fillRect(character.x, character.y, playerSize, playerSize);
            });
        }

// Move player
        function movePlayer(event) {
            const key = event.key;
            switch (key) {
                case 'ArrowUp':
                    playerY -= playerSize;
                    break;
                case 'ArrowDown':
                    playerY += playerSize;
                    break;
                case 'ArrowLeft':
                    playerX -= playerSize;
                    break;
                case 'ArrowRight':
                    playerX += playerSize;
                    break;
            }
        }

// Game loop
        function gameLoop() {
            ctx.clearRect(0, 0, mapWidth, mapHeight);
            drawPlayer();
            drawCharacters();
            window.requestAnimationFrame(gameLoop);
        }

window.addEventListener('keydown', movePlayer);

gameLoop();
    </script>
</body>
</html>