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

No:18448

Animatronics chasing you in a hallway collect item..ALL
Developer User8170｜Date and time 23/9/29 14:36:13
Build time 84.035 sec｜Game capacity 8.461KB｜

Script

animatronics. If caught, it's game over. Collecting items will temporarily disable the animatronics, allowing you to move freely for a short period of time. Here's a simple implementation of the game as a single HTML file using JavaScript:

Animatronics Chase Game

🚶

This implementation assumes a smartphone operation where the player controls the game by swiping on the screen to move the character. The game features animatronics chasing the player, and the player needs to collect items represented by 🔧 pictograms to temporarily disable the animatronics. If the player gets caught by the animatronics, it's game over. Please note that this is a basic implementation and can be further enhanced with additional features, graphics, sound effects, levels, etc., based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

animatronics. If caught, it's game over. Collecting items will temporarily disable the animatronics, allowing you to move freely for a short period of time.

Here's a simple implementation of the game as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Animatronics Chase Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .item {
            position: absolute;
        }
    </style>
</head>
<body>
    <h1>Animatronics Chase Game</h1>
    <div id="player">🚶</div>

// Generate random positions for items and animatronics
        var itemPositions = generatePositions(ITEM_COUNT, ITEM_SIZE);
        var animatronicPositions = generatePositions(ANIMATRONIC_COUNT, ANIMATRONIC_SIZE);

// Create items and animatronics elements
        createElements('.item', itemPositions, '🔧');
        createElements('.animatronic', animatronicPositions, '🤖');

// Get player element
        var playerElement = document.getElementById('player');

// Start game loop
        setInterval(gameLoop, 1000 / 60);

// Game loop function
        function gameLoop() {
            // Move player based on touch events
            document.addEventListener('touchmove', function(event) {
                event.preventDefault();
                var touch = event.touches[0];
                movePlayerTo(touch.clientX, touch.clientY);
            });

// Move animatronics towards player
            var playerPosition = getPlayerPosition();

var animatronicElements = document.getElementsByClassName('animatronic');
            for (var i = 0; i < animatronicElements.length; i++) {
                var animatronicElement = animatronicElements[i];
                var animatronicPosition = getElementPosition(animatronicElement);
                var direction = getDirection(animatronicPosition, playerPosition);
                moveElement(animatronicElement, direction, ANIMATRONIC_SPEED);
                
                // Check if animatronic catches player
                if (isCollision(animatronicPosition, playerPosition, ANIMATRONIC_SIZE)) {
                    gameOver();
                    return;
                }
            }

// Check if player collects items
            var itemElements = document.getElementsByClassName('item');
            for (var i = 0; i < itemElements.length; i++) {
                var itemElement = itemElements[i];
                var itemPosition = getElementPosition(itemElement);
                
                if (isCollision(itemPosition, playerPosition, ITEM_SIZE)) {
                    itemElement.style.display = 'none';
                    setTimeout(function() {
                        itemElement.style.display = 'block';
                    }, 2000); // Disable item for 2 seconds

// Disable all animatronics temporarily
                    var animatronicElements = document.getElementsByClassName('animatronic');
                    for (var j = 0; j < animatronicElements.length; j++) {
                        animatronicElements[j].style.display = 'none';
                    }
                    setTimeout(function() {
                        for (var j = 0; j < animatronicElements.length; j++) {
                            animatronicElements[j].style.display = 'block';
                        }
                    }, 2000); // Enable animatronics after 2 seconds
                }
            }
        }

// Generate an array of random positions
        function generatePositions(count, size) {
            var positions = [];

for (var i = 0; i < count; i++) {
                var x = Math.floor(Math.random() * (GAME_WIDTH - size));
                var y = Math.floor(Math.random() * (GAME_HEIGHT - size));
                positions.push({ x: x, y: y });
            }

return positions;
        }

// Create elements with given positions and content
        function createElements(className, positions, content) {
            var container = document.createElement('div');
            container.classList.add(className.substring(1));

for (var i = 0; i < positions.length; i++) {
                var element = document.createElement('div');
                element.style.position = 'absolute';
                element.style.width = ITEM_SIZE + 'px';
                element.style.height = ITEM_SIZE + 'px';
                element.style.left = positions[i].x + 'px';
                element.style.top = positions[i].y + 'px';
                element.innerHTML = content;
                container.appendChild(element);
            }

document.body.appendChild(container);
        }

// Move element in a given direction with a given speed
        function moveElement(element, direction, speed) {
            if (direction === 'up') {
                element.style.top = (parseFloat(element.style.top) - speed) + 'px';
            } else if (direction === 'down') {
                element.style.top = (parseFloat(element.style.top) + speed) + 'px';
            } else if (direction === 'left') {
                element.style.left = (parseFloat(element.style.left) - speed) + 'px';
            } else if (direction === 'right') {
                element.style.left = (parseFloat(element.style.left) + speed) + 'px';
            }
        }

// Check if two elements collide based on their positions and sizes
        function isCollision(position1, position2, size) {
            return (
                position1.x < position2.x + size &&
                position1.x + size > position2.x &&
                position1.y < position2.y + size &&
                position1.y + size > position2.y
            );
        }

// Calculate direction between two positions
        function getDirection(fromPosition, toPosition) {
            var dx = toPosition.x - fromPosition.x;
            var dy = toPosition.y - fromPosition.y;
            
            if (Math.abs(dx) > Math.abs(dy)) {
                return dx > 0 ? 'right' : 'left';
            } else {
                return dy > 0 ? 'down' : 'up';
            }
        }

// Move player to the given coordinates
        function movePlayerTo(x, y) {
            var playerX = parseFloat(playerElement.style.left);
            var playerY = parseFloat(playerElement.style.top);

var dx = x - (playerX + PLAYER_SPEED / 2);
            var dy = y - (playerY + PLAYER_SPEED / 2);

var angle = Math.atan2(dy, dx);
            var vx = Math.cos(angle) * PLAYER_SPEED;
            var vy = Math.sin(angle) * PLAYER_SPEED;

playerElement.style.left = (playerX + vx) + 'px';
            playerElement.style.top = (playerY + vy) + 'px';
        }

// Get position of an element
        function getElementPosition(element) {
            var rect = element.getBoundingClientRect();
            return { x: rect.left, y: rect.top };
        }

// Get position of the player element
        function getPlayerPosition() {
            return getElementPosition(playerElement);
        }

// Game over function
        function gameOver() {
            alert('Game Over!');
            window.location.reload();
        }
    </script>
</body>
</html>
```

Please note that this is a basic implementation and can be further enhanced with additional features, graphics, sound effects, levels, etc., based on your requirements and preferences.