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

No:40106

←

Prev Next

→

Farm chase
Developer User17974｜Date and time 24/2/1 6:01:50
Build time 9.522 sec｜Game capacity 2.442KB｜

Script

Farm Chase Game

Tap on the farm to increase your score!

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Farm Chase Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #game-container {
            width: 300px;
            margin: 0 auto;
            padding: 10px;
            border: 1px solid #ccc;
        }
        
        #farmer {
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
        }
        
        #farm {
            width: 60px;
            height: 60px;
            background-color: yellow;
            border-radius: 50%;
            position: absolute;
        }
        
        #score {
            font-size: 18px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Farm Chase Game</h1>
        <p id="instruction">Tap on the farm to increase your score!</p>
        <p id="score">Score: 0</p>
        <div id="farmer"></div>
        <div id="farm"></div>
    </div>
    
    <script>
        var score = 0;
        var container = document.getElementById('game-container');
        var farmer = document.getElementById('farmer');
        var farm = document.getElementById('farm');
        var instruction = document.getElementById('instruction');
        
        // Set initial position of farmer and farm
        farmer.style.top = '50%';
        farmer.style.left = '50%';
        
        farm.style.top = getRandomPosition() + 'px';
        farm.style.left = getRandomPosition() + 'px';
        
        // Add event listener to farm for increasing the score when tapped
        farm.addEventListener('click', increaseScore);
        
        // Function to increase the score and move the farm to a new position
        function increaseScore() {
            score++;
            document.getElementById('score').innerHTML = 'Score: ' + score;
            farm.style.top = getRandomPosition() + 'px';
            farm.style.left = getRandomPosition() + 'px';
        }
        
        // Function to get random position within the container
        function getRandomPosition() {
            var containerWidth = container.offsetWidth;
            var containerHeight = container.offsetHeight;
            
            return Math.floor(Math.random() * (containerWidth - 60));
        }
    </script>
</body>
</html>