A game where you are food and you have to run from a giant spoon in a 3d game's game

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

No:22673

3347

←

Prev Next

→

A game where you are food and you have to run from..ALL
Developer anonymous｜Date and time 70/1/1 9:54:12
Build time unknown sec｜Game capacity 3.252KB｜

Script

Sure! Here's a sample implementation of the game you described using JavaScript and HTML:

In this game, you control the food (represented by a pictogram) using the tilt of your smartphone. The goal is to avoid the giant spoon (also represented by a pictogram) chasing after you. If the spoon catches the food, the game ends and a "Game Over" alert is displayed. The game will reset automatically when that happens.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a sample implementation of the game you described using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Run From the Giant Spoon</title>
    <style>
        #game-container {
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }

#player {
            position: absolute;
            width: 50px;
            height: 50px;
            background: url('food-pictogram.png') center center no-repeat;
            background-size: cover;
        }

#spoon {
            position: absolute;
            width: 200px;
            height: 200px;
            background: url('spoon-pictogram.png') center center no-repeat;
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="spoon"></div>
    </div>

const gameContainer = document.getElementById('game-container');
        const player = document.getElementById('player');
        const spoon = document.getElementById('spoon');

const containerWidth = gameContainer.offsetWidth;
        const containerHeight = gameContainer.offsetHeight;

const playerSize = player.offsetWidth;
        const spoonSize = spoon.offsetWidth;

let playerX = containerWidth / 2;
        let playerY = containerHeight / 2;

function handleOrientation(event) {
            const xTilt = event.beta; // tilt left or right
            const yTilt = event.gamma; // tilt back or forth

// Update player position based on device tilt
            playerX += xTilt;
            playerY += yTilt;

// Keep player inside game container bounds
            playerX = Math.max(0, Math.min(containerWidth - playerSize, playerX));
            playerY = Math.max(0, Math.min(containerHeight - playerSize, playerY));

// Update player position on the screen
            player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';

// Check collision between player and spoon
            if (checkCollision(playerX, playerY, playerSize, spoonSize)) {
                alert('Game Over! The spoon caught you!');
                resetGame();
            }
        }

// Check if two objects collide
        function checkCollision(x1, y1, size1, size2) {
            return (
                x1 < size2 + x1 &&
                size1 + x1 > x1 &&
                y1 < size2 + y1 &&
                size1 + y1 > y1
            );
        }

// Reset player position
        function resetGame() {
            playerX = containerWidth / 2;
            playerY = containerHeight / 2;
            player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';
        }
    </script>
</body>
</html>
```