Make a 3d rpg game with the name meliodous. the main character and his sister fight a man in a blue supervillain outfit with his henchmen. You start off in a junkyard and then you travel to a cave then you travel to the airport and finally the supervillain's lair and you defeat him and save the world. Meliodous has brown hair and blue eyes with a green long sleeve shirt and grey shorts. The sister has long brown hair and brown eyes with a pink shirt and blue jeans. Meliodous has void powers.'s game

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

No:46997

←

Prev Next

→

Make a 3d rpg game with the name meliodous. the ma..ALL
Developer User20348｜Date and time 24/2/27 0:53:34
Build time 14.714 sec｜Game capacity 3.697KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Meliodous RPG Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        let player = {
            x: 50,
            y: 50,
            width: 40,
            height: 40,
            color: "green"
        };
        
        let sister = {
            x: 50,
            y: 100,
            width: 40,
            height: 40,
            color: "pink"
        };
        
        let enemy = {
            x: 700,
            y: 50,
            width: 40,
            height: 40,
            color: "blue"
        };
        
        let gameStarted = false;
        
        function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }
        
        function drawSister() {
            ctx.fillStyle = sister.color;
            ctx.fillRect(sister.x, sister.y, sister.width, sister.height);
        }
        
        function drawEnemy() {
            ctx.fillStyle = enemy.color;
            ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        }
        
        function drawGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawSister();
            drawEnemy();
        }
        
        function startGame() {
            gameStarted = true;
            alert("Game started! Use arrow keys to move the characters.");
        }
        
        function endGame() {
            gameStarted = false;
            alert("Congratulations, you defeated the supervillain and saved the world!");
        }
        
        function movePlayer(direction) {
            switch(direction) {
                case "ArrowUp":
                    player.y -= 10;
                    break;
                case "ArrowDown":
                    player.y += 10;
                    break;
                case "ArrowLeft":
                    player.x -= 10;
                    break;
                case "ArrowRight":
                    player.x += 10;
                    break;
            }
        }
        
        function moveSister(direction) {
            switch(direction) {
                case "w":
                    sister.y -= 10;
                    break;
                case "s":
                    sister.y += 10;
                    break;
                case "a":
                    sister.x -= 10;
                    break;
                case "d":
                    sister.x += 10;
                    break;
            }
        }
        
        function moveEnemy() {
            enemy.x -= 5;
        }
        
        function checkCollision() {
            if (player.x < enemy.x + enemy.width &&
                player.x + player.width > enemy.x &&
                player.y < enemy.y + enemy.height &&
                player.y + player.height > enemy.y) {
                endGame();
            }
        }
        
        function gameLoop() {
            if (gameStarted) {
                moveEnemy();
                drawGame();
                checkCollision();
            }
            requestAnimationFrame(gameLoop);
        }
        
        document.addEventListener("keydown", function(event) {
            if (!gameStarted) {
                startGame();
            } else {
                movePlayer(event.key);
                moveSister(event.key);
            }
        });
        
        gameLoop();
        
    </script>
</body>
</html>
```