3 Ai cubes in a big box but they have to find a way out.'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
3 Ai cubes in a big box but they have to find a way out.'s game | AI game creator

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

No:37420

←

Prev Next

→

3 Ai cubes in a big box but they have to find a wa..ALL
Developer User17064｜Date and time 24/1/21 3:45:08
Build time 13.5 sec｜Game capacity 3.928KB｜

Script

Sure! Here's an example of a game where three AI cubes need to find a way out of a big box. The game is implemented as a single HTML file and uses JavaScript. It assumes smartphone operation and makes use of pictograms. The code is enclosed in script tags:

🤖

Finish

In this game, the AI cubes (represented by the 🤖 emoji) are initially positioned at the bottom left corner of the big box. They move randomly in different directions within the box. The goal is to reach the "Finish" area (green box) positioned at the top right corner of the box. The `moveCubes` function is responsible for moving the cubes randomly, and the `checkFinish` function checks if any of the cubes have reached the finish line. The game loop is started using `setInterval` to call `moveCubes` every second. Please note that this is a simple example, and you can modify the code further to add more features or complexity to the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>A.I. Cube Escape Game</title>
    <style>
        #box {
            width: 300px;
            height: 300px;
            border: 2px solid black;
            position: relative;
        }
        .cube {
            width: 80px;
            height: 80px;
            background-color: blue;
            position: absolute;
            bottom: 0;
            left: 0;
            transition: all 0.5s ease-in-out;
        }
        #finish {
            position: absolute;
            top: 0;
            right: 0;
            width: 80px;
            height: 80px;
            background-color: green;
            text-align: center;
            line-height: 80px;
            font-size: 20px;
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="box">
        <div class="cube" id="cube1">🤖</div>
        <div class="cube" id="cube2">🤖</div>
        <div class="cube" id="cube3">🤖</div>
        <div id="finish">Finish</div>
    </div>

// Function to check if any cube has reached the finish
        function checkFinish() {
            for (let cube of cubes) {
                let cubeRect = cube.getBoundingClientRect();
                let finishRect = finish.getBoundingClientRect();
                if (cubeRect.left >= finishRect.left && cubeRect.top <= finishRect.top) {
                    alert('Congratulations! Cube reached the finish!');
                    break;
                }
            }
        }

// Function to move the cubes randomly
        function moveCubes() {
            for (let cube of cubes) {
                // Generate random direction
                let directionX = Math.random() < 0.5 ? -1 : 1;
                let directionY = Math.random() < 0.5 ? -1 : 1;
                
                // Generate random distance to move
                let distance = Math.floor(Math.random() * 50) + 10;

// Get current position and calculate new position
                let cubeRect = cube.getBoundingClientRect();
                let newX = cubeRect.left + (directionX * distance);
                let newY = cubeRect.top + (directionY * distance);

// Check if new position is within the box boundaries
                if (newX >= 0 && newX + cubeRect.width <= box.clientWidth && newY >= 0 && newY + cubeRect.height <= box.clientHeight) {
                    cube.style.left = newX + 'px';
                    cube.style.top = newY + 'px';
                }
            }

// Check if any cube has reached the finish
            checkFinish();
        }

// Start the game loop
        setInterval(moveCubes, 1000);
    </script>
</body>
</html>
```

The `moveCubes` function is responsible for moving the cubes randomly, and the `checkFinish` function checks if any of the cubes have reached the finish line. The game loop is started using `setInterval` to call `moveCubes` every second.

Please note that this is a simple example, and you can modify the code further to add more features or complexity to the game.