AI game creator

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

No:24836

←

Prev Next

→

Merge Game
Developer User11924｜Date and time 23/11/13 0:34:06
Build time 74.761 sec｜Game capacity 3.666KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is called "Merge Game" and can be played on a smartphone. Pictograms are used to represent the game elements.

In this game, you have two objects represented by pictograms (`pictogram1` and `pictogram2`) initially placed at different positions on the canvas (`object1` and `object2`). The goal is to merge these objects by moving them towards each other. When the objects collide, they merge into one object (`object1`) at the average position of the two objects. The score is incremented by 1 each time a merge occurs. Note: Replace "emozi_rabbit.png" and "emozi_apple.png" with the actual paths to your pictogram images.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
    <style>
        body {
            margin: 0;
            padding: 20px;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    
    <script>
        window.onload = function() {
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");
            
            var score = 0;
            var merged = false;
            
            // Create pictogram image objects
            var pictogram1 = new Image();
            pictogram1.src = "pictogram1.png";
            var pictogram2 = new Image();
            pictogram2.src = "pictogram2.png";
            
            // Game objects
            var object1 = {
                x: 50,
                y: 150,
                width: 50,
                height: 50,
                image: pictogram1
            };
            var object2 = {
                x: 200,
                y: 250,
                width: 50,
                height: 50,
                image: pictogram2
            };
            
            // Merge function
            function mergeObjects() {
                if (isCollision(object1, object2)) {
                    merged = true;
                    score++;
                    object1.x = (object1.x + object2.x) / 2;
                    object1.y = (object1.y + object2.y) / 2;
                }
            }
            
            // Collision detection
            function isCollision(object1, object2) {
                return object1.x < object2.x + object2.width &&
                       object1.x + object1.width > object2.x &&
                       object1.y < object2.y + object2.height &&
                       object1.y + object1.height > object2.y;
            }
            
            // Update and render game objects
            function updateGame() {
                if (!merged) {
                    mergeObjects();
                }
                
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                if (merged) {
                    ctx.fillText("Score: " + score, 10, 30);
                    ctx.drawImage(object1.image, object1.x, object1.y, object1.width, object1.height);
                } else {
                    ctx.drawImage(object1.image, object1.x, object1.y, object1.width, object1.height);
                    ctx.drawImage(object2.image, object2.x, object2.y, object2.width, object2.height);
                }
                
                requestAnimationFrame(updateGame);
            }
            
            updateGame();
        };
    </script>
</body>
</html>
```

Note: Replace "pictogram1.png" and "pictogram2.png" with the actual paths to your pictogram images.