AI game creator

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

No:36310

113

←

Prev Next

→

Rusted Warfare - Demo game
Developer User15526｜Date and time 24/1/17 8:08:53
Build time 13.202 sec｜Game capacity 3.863KB｜

Script

Sure! Here's a simple demo game called "PictoWarfare" implemented as a single HTML file using JavaScript:

In this game, you control a player pictogram represented by an image. Your goal is to avoid colliding with the enemy pictogram images that descend from the top of the screen. If you collide with an enemy, the game will be over, and your final score will be displayed. You can customize the game's appearance by replacing the "emozi_all/game.png" and "emozi_all/enemy.png" images with your desired pictograms. Note: Make sure to replace the placeholder image filenames ("emozi_all/player.png" and "emozi_all/enemy.png") with the actual filenames of your desired pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple demo game called "PictoWarfare" implemented as a single HTML file using JavaScript:

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

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            isGameOver = false;
            score = 0;

player = {
                x: 150,
                y: 400,
                width: 60,
                height: 60,
                image: new Image(),
                draw: function() {
                    // Draw player pictogram
                    ctx.drawImage(this.image, this.x, this.y, this.width, this.height);
                }
            };

// Load player pictogram image
            player.image.src = "player.png";

enemies = [
                { x: 50, y: 50, width: 40, height: 40, image: new Image() },
                { x: 150, y: 50, width: 40, height: 40, image: new Image() },
                { x: 250, y: 50, width: 40, height: 40, image: new Image() }
            ];

// Load enemies pictogram images
            for (var i = 0; i < enemies.length; i++) {
                enemies[i].image.src = "enemy.png";
            }

// Start game loop
            gameLoop();
        }

// Update game logic
        function update() {
            if (isGameOver) return;

// Move enemies downward
            for (var i = 0; i < enemies.length; i++) {
                enemies[i].y += 1;

// Check for collision with player
                if (checkCollision(enemies[i], player)) {
                    isGameOver = true;
                    break;
                }

// Check if enemy has reached bottom
                if (enemies[i].y + enemies[i].height >= canvas.height) {
                    score++;
                    enemies[i].y = -enemies[i].height;
                }
            }
        }

// Render game objects onto canvas
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Render player
            player.draw();

// Render enemies
            for (var i = 0; i < enemies.length; i++) {
                ctx.drawImage(enemies[i].image, enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
            }

// Render score
            ctx.fillText("Score: " + score, 10, 20);
        }

// Game loop
        function gameLoop() {
            update();
            draw();

if (!isGameOver) {
                requestAnimationFrame(gameLoop);
            }
        }

// Check collision between two objects
        function checkCollision(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                   obj1.x + obj1.width > obj2.x &&
                   obj1.y < obj2.y + obj2.height &&
                   obj1.y + obj1.height > obj2.y;
        }

// Start the game
        init();

</script>
</body>
</html>
```

Note: Make sure to replace the placeholder image filenames ("player.png" and "enemy.png") with the actual filenames of your desired pictograms.