Make a game of a boy saving his princess from a evil demon The game should be in pixel style It should be based on Japanese culture's game

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

No:20029

←

Prev Next

→

Make a game of a boy saving his princess from a ev..ALL
Developer User8919｜Date and time 23/10/7 23:46:42
Build time 28.746 sec｜Game capacity 4.421KB｜

Script

Sure! Here's a sample HTML file that implements a game where a boy saves his princess from an evil demon, based on Japanese culture and using pixel-style graphics.

In this game, the player controls the boy using the arrow keys on their smartphone. The objective is to rescue the princess by avoiding the demon. If the player collides with the demon, the game ends and a "Game Over!" message is displayed. Please note that this is a simplified example and the actual game can be further enhanced with levels, score, sound effects, and more.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a sample HTML file that implements a game where a boy saves his princess from an evil demon, based on Japanese culture and using pixel-style graphics.
```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="240"></canvas>

// Character variables
        var boy = {
            x: 50,
            y: canvas.height / 2,
            width: 32,
            height: 32,
            speed: 3,
            image: new Image()
        };
        boy.image.src = "boy.png";

var princess = {
            x: canvas.width - 100,
            y: canvas.height / 2,
            width: 32,
            height: 32,
            image: new Image()
        };
        princess.image.src = "princess.png";

var demon = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 32,
            height: 32,
            speed: 2,
            image: new Image()
        };
        demon.image.src = "demon.png";

// Keyboard input handler
        var keys = {};

document.addEventListener("keydown", function (event) {
            keys[event.keyCode] = true;
        });

document.addEventListener("keyup", function (event) {
            delete keys[event.keyCode];
        });

// Start the game
        function startGame() {
            gameRunning = true;
            gameLoopInterval = setInterval(update, 20);
        }

// Update game state
        function update() {
            clearCanvas();
            moveBoy();
            moveDemon();
            drawCharacters();
            checkCollision();
        }

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

// Move the boy based on keyboard input
        function moveBoy() {
            if (38 in keys) { // up arrow
                boy.y -= boy.speed;
            }
            if (40 in keys) { // down arrow
                boy.y += boy.speed;
            }
            if (37 in keys) { // left arrow
                boy.x -= boy.speed;
            }
            if (39 in keys) { // right arrow
                boy.x += boy.speed;
            }
        }

// Move the demon
        function moveDemon() {
            if (boy.x < demon.x) {
                demon.x -= demon.speed;
            }
            if (boy.x > demon.x) {
                demon.x += demon.speed;
            }
            if (boy.y < demon.y) {
                demon.y -= demon.speed;
            }
            if (boy.y > demon.y) {
                demon.y += demon.speed;
            }
        }

// Draw the characters on the canvas
        function drawCharacters() {
            ctx.drawImage(boy.image, boy.x, boy.y, boy.width, boy.height);
            ctx.drawImage(princess.image, princess.x, princess.y, princess.width, princess.height);
            ctx.drawImage(demon.image, demon.x, demon.y, demon.width, demon.height);
        }

// Check collision between boy and demon
        function checkCollision() {
            if (boy.x < demon.x + demon.width &&
                boy.x + boy.width > demon.x &&
                boy.y < demon.y + demon.height &&
                boy.y + boy.height > demon.y) {
                gameRunning = false;
                gameOver();
            }
        }

// Game over
        function gameOver() {
            clearInterval(gameLoopInterval);
            alert("Game Over!");
        }

// Start the game when the page is loaded
        window.onload = function () {
            startGame();
        };
    </script>
</body>
</html>
```

Please note that this is a simplified example and the actual game can be further enhanced with levels, score, sound effects, and more.