AI game creator

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

No:31477

←

Prev Next

→

would you rather
Developer User15107｜Date and time 23/12/27 1:29:02
Build time 32.885 sec｜Game capacity 3.736KB｜

Script

I have created a simple game for you using JavaScript. Please find the code below:

Please note that you will need to replace the `emozi_rabbit.png` and `emozi_hamuster.png` with your own pictogram images. You can modify the game's appearance, add sound effects, and enhance the gameplay as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

I have created a simple game for you using JavaScript. Please find the code below:

```html
<!DOCTYPE html>
<html>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

// Pictograms
        var pictogram1 = new Image();
        pictogram1.src = "pictogram1.png";
        var pictogram2 = new Image();
        pictogram2.src = "pictogram2.png";

// Game variables
        var score = 0;
        var lives = 3;

var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5
        };

var pictogram = {
            x: Math.random() * (canvas.width - 50),
            y: 0,
            width: 50,
            height: 50,
            speed: 2
        };

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

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw pictogram
            ctx.drawImage(pictogram1, pictogram.x, pictogram.y, pictogram.width, pictogram.height);

// Display score and lives
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
            ctx.fillText("Lives: " + lives, canvas.width - 90, 30);
        }

// Move pictogram down
            pictogram.y += pictogram.speed;

// Check for collision
            if (pictogram.y + pictogram.height > player.y &&
                pictogram.y < player.y + player.height &&
                pictogram.x + pictogram.width > player.x &&
                pictogram.x < player.x + player.width) {
                // Collision occurred
                score++;
                resetPictogram();
            }

// Check for missed pictogram
            if (pictogram.y > canvas.height) {
                lives--;
                resetPictogram();
            }

if (lives === 0) {
                endGame();
            }
        }

function resetPictogram() {
            pictogram.x = Math.random() * (canvas.width - 50);
            pictogram.y = 0;
        }

function endGame() {
            alert("Game Over! Your score was: " + score);
            document.location.reload();
        }

function gameLoop() {
            draw();
            update();

if (lives > 0) {
                requestAnimationFrame(gameLoop);
            }
        }

gameLoop();

preloadImages();
    </script>
</body>
</html>
```

Please note that you will need to replace the `pictogram1.png` and `pictogram2.png` with your own pictogram images. You can modify the game's appearance, add sound effects, and enhance the gameplay as desired.