2d platforming game about a cute ninja fairy with mask who can curl up into a ball and roll's game

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

No:41558

←

Prev Next

→

2d platforming game about a cute ninja fairy with ..ALL
Developer User18629｜Date and time 24/2/8 11:18:50
Build time 11.229 sec｜Game capacity 4.217KB｜

Script

Sure! Here's a simple 2D platforming game about a cute ninja fairy with a mask who can curl up into a ball and roll. The game will be implemented as a single HTML file and will be written in JavaScript enclosed in script tags. You can play it as a finished game, assuming smartphone operation. Pictograms will be used as much as possible. Please note that this is a simplified version of the game just to demonstrate the basic mechanics. Feel free to enhance it and add more features as per your requirements.

In this game, you can control the cute ninja fairy with the spacebar to make it jump and with the enter key to make it roll. The objective is to navigate through the platform without falling off or touching any obstacles. Feel free to modify and enhance the game as needed!

←

Prev　Next

→ 　

Back　

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

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

Please note that this is a simplified version of the game just to demonstrate the basic mechanics. Feel free to enhance it and add more features as per your requirements.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Ninja Fairy Game</title>
    <style>
        #game {
            width: 320px;
            height: 480px;
            background-color: #000;
            position: relative;
        }
        #player {
            width: 40px;
            height: 40px;
            position: absolute;
            bottom: 0;
            background-color: #f00;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
    </div>

// Player properties
            var playerX = 140;
            var playerY = 0;
            var isJumping = false;

// Game loop
            function gameLoop() {
                // Update player position
                player.style.left = playerX + "px";
                player.style.bottom = playerY + "px";

// Check for collision with ground
                if (playerY > 0) {
                    isJumping = false;
                }
                
                requestAnimationFrame(gameLoop);
            }

// Jump function
            function jump() {
                if (!isJumping) {
                    isJumping = true;

// Perform jump animation
                    var jumpHeight = 100;
                    var jumpSpeed = 5;
                    var jumpInterval = setInterval(function() {
                        if (playerY < jumpHeight) {
                            playerY += jumpSpeed;
                        } else {
                            clearInterval(jumpInterval);

// Perform fall animation
                            var fallSpeed = 5;
                            var fallInterval = setInterval(function() {
                                if (playerY > 0) {
                                    playerY -= fallSpeed;
                                } else {
                                    clearInterval(fallInterval);
                                    isJumping = false;
                                }
                            }, 10);
                        }
                    }, 10);
                }
            }

// Roll function
            function roll() {
                // Perform roll animation
                var rollSpeed = 2;
                var rollDistance = 200;
                var rollInterval = setInterval(function() {
                    if (playerX < rollDistance) {
                        playerX += rollSpeed;
                    } else {
                        clearInterval(rollInterval);
                        playerX = 140; // Reset player position
                    }
                }, 10);
            }

// Key press event listener
            document.addEventListener("keydown", function(event) {
                if (event.keyCode === 32) {
                    jump(); // Jump when spacebar is pressed
                } else if (event.keyCode === 13) {
                    roll(); // Roll when enter key is pressed
                }
            });

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