AI game creator

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

No:15240

←

Prev Next

→

Ninja
Developer User6622｜Date and time 23/9/8 0:01:42
Build time 18.407 sec｜Game capacity 2.053KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript:

In this game, you control a ninja using the arrow keys on a smartphone. The ninja is represented by a filled rectangle on a canvas. Each arrow key press moves the ninja in the respective direction by 10 pixels. The game is started by calling the `startGame()` function, which sets up the canvas and event listeners. Note: For a smartphone operation, you may need to handle touch events instead of keyboard events for movement.

←

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 game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Ninja Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas width="400" height="400" id="gameCanvas"></canvas>
    <script>
        // Ninja game logic

// Initialize canvas
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Set starting position for ninja
        let ninjaX = 200;
        let ninjaY = 200;
        const ninjaSize = 50;

// Function to draw ninja
        function drawNinja() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillRect(ninjaX, ninjaY, ninjaSize, ninjaSize);
        }

// Function to handle Ninja movement
        function handleMovement(e) {
            switch (e.key) {
                case "ArrowUp":
                    ninjaY -= 10;
                    break;
                case "ArrowDown":
                    ninjaY += 10;
                    break;
                case "ArrowLeft":
                    ninjaX -= 10;
                    break;
                case "ArrowRight":
                    ninjaX += 10;
                    break;
            }
            drawNinja();
        }

// Start the game
        function startGame() {
            drawNinja();
            document.addEventListener('keydown', handleMovement);
        }

// Call startGame to begin
        startGame();
    </script>
</body>
</html>
```

Note: For a smartphone operation, you may need to handle touch events instead of keyboard events for movement.