Merge Game's game | AI game creator

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

No:26266

43

Merge Game
Developer User12958｜Date and time 23/11/28 10:12:47
Build time 18.487 sec｜Game capacity 1.58KB｜

Merged Image

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        #game-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }
        
        #game-container img {
            width: 100px;
            height: 100px;
        }
    </style>

<div id="game-container">
        <img src="merge.png" id="merged-img" alt="Merged Image" />
    </div>

<script>
        var mergeImg = document.getElementById("merged-img");
        
        // Function to randomly generate a new image
        function generateRandomImage() {
            var images = ["image1.png", "image2.png", "image3.png", "image4.png"];
            var randomIndex = Math.floor(Math.random() * images.length);
            mergeImg.src = images[randomIndex];
        }
        
        // Call the function to generate initial random image
        generateRandomImage();
        
        // Function to merge two images
        function mergeImages() {
            var currentImage = mergeImg.src;
            // Implement your merging logic here
            
            // After merging, generate a new random image
            generateRandomImage();
        }
        
        // Add Click event listener to the merged image
        mergeImg.addEventListener("click", mergeImages);
    </script>
</body>
</html>