AI game creator

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

No:33421

←

Prev Next

→

Jumping boy.
Developer User15766｜Date and time 24/1/4 4:45:26
Build time 25.01 sec｜Game capacity 4.156KB｜

Script

Sure! Here's an example of a simple game called "Jumping Boy" that can be played as a finished game on a smartphone using pictograms. It's written as a single HTML file enclosed in script tags:

To make it work, you will need to create two images: `emozi_all/boy.png` for the player pictogram and `emozi_all/player.png` for the obstacle pictogram. Place these image files in the same directory as the HTML file. This is a basic implementation of the "Jumping Boy" game where the player controls a jumping boy using the space bar. The goal is to avoid collision with the obstacles (shown as pictograms) moving from right to left. The game keeps track of the score, and once the player collides with an obstacle, an alert shows the final score and the game restarts. Feel free to modify and enhance the game as per your needs and preferences!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game called "Jumping Boy" that can be played as a finished game on a smartphone using pictograms. It's written as a single HTML file enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jumping Boy</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="game" width="400" height="400"></canvas>

// Pictograms
        var playerImage = new Image();
        playerImage.src = "jumping-boy.png";
        var obstacleImage = new Image();
        obstacleImage.src = "obstacle.png";

// Game initialization
        function startGame() {
            canvas = document.getElementById("game");
            context = canvas.getContext("2d");
            player = new Component(50, 50, 100, canvas.height - 50, playerImage);

obstacleInterval = setInterval(spawnObstacle, 2000);

document.addEventListener("keydown", function (event) {
                if (event.keyCode === 32 && player.y === canvas.height - player.height) {
                    player.jump();
                }
            });

updateGame();
        }

// Game component constructor
        function Component(width, height, x, y, image) {
            this.width = width;
            this.height = height;
            this.x = x;
            this.y = y;
            this.image = image;

this.update = function () {
                context.drawImage(this.image, this.x, this.y, this.width, this.height);
            };

this.jump = function () {
                player.y -= jumpForce;
            };

this.updatePosition = function () {
                if (this.y < canvas.height - this.height) {
                    this.y += gravity;
                }

if (this.y > canvas.height - this.height) {
                    this.y = canvas.height - this.height;
                }

this.update();
            };
        }

// Spawn obstacles
        function spawnObstacle() {
            var obstacle = new Component(50, 50, canvas.width, canvas.height - 50, obstacleImage);
            obstacles.push(obstacle);
        }

// Game update function
        function updateGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update player
            player.updatePosition();

// Update obstacles
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].x -= 5;

// Collision detection
                if (player.x < obstacles[i].x + obstacles[i].width &&
                    player.x + player.width > obstacles[i].x &&
                    player.y < obstacles[i].y + obstacles[i].height &&
                    player.y + player.height > obstacles[i].y) {
                    clearInterval(obstacleInterval);
                    alert("Game over! Score: " + score);
                    startGame();
                }

obstacles[i].update();
            }

score++;
            context.fillText("Score: " + score, 10, 20);

requestAnimationFrame(updateGame);
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```

To make it work, you will need to create two images: `jumping-boy.png` for the player pictogram and `obstacle.png` for the obstacle pictogram. Place these image files in the same directory as the HTML file.

This is a basic implementation of the "Jumping Boy" game where the player controls a jumping boy using the space bar. The goal is to avoid collision with the obstacles (shown as pictograms) moving from right to left. The game keeps track of the score, and once the player collides with an obstacle, an alert shows the final score and the game restarts.

Feel free to modify and enhance the game as per your needs and preferences!