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

No:12913

139

Collect all the diamonds before the police finds y..ALL
Developer FirstNormalPerson｜Date and time 23/8/25 2:39:01
Build time 32.335 sec｜Game capacity 4.449KB｜

Sure, here's an example of a simple game written in HTML and JavaScript where the player needs to collect diamonds before being caught by the police:

Collect all the diamonds before the police finds you!

In this example, the game is represented by an HTML file that contains pictogram images for the diamonds and police. The player can control the character using arrow keys on their smartphone. The objective of the game is to collect all the diamonds while avoiding being caught by the police. The `diamondsRemaining` variable keeps track of the number of diamonds left to collect, and the game loop checks for collisions between the player, diamonds, and police using the `checkCollision` function. If the player collects all the diamonds, a congratulations message is displayed, and if the player is caught by the police, a game over message is shown. The game can be played by opening the HTML file on a smartphone.

→ 　

0　

0　

　
　
　
　

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

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

(C)2023 HisashiApp

Sure, here's an example of a simple game written in HTML and JavaScript where the player needs to collect diamonds before being caught by the police:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Diamond Collector Game</title>
    <style>
        #player {
            position: absolute;
            top: 100px;
            left: 100px;
        }
        .diamond {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url('diamond.png');
            background-size: cover;
        }
        #police {
            position: absolute;
            top: 300px;
            left: 400px;
            width: 50px;
            height: 50px;
            background-image: url('police.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <h1>Collect all the diamonds before the police finds you!</h1>
    <div id="player"></div>
    <div id="police"></div>

<script>
        var diamondsRemaining = 5;
        
        // Player movement controls
        document.addEventListener('keydown', function(event) {
            var player = document.getElementById('player');
            var position = player.getBoundingClientRect();
            
            switch(event.keyCode) {
                case 37: // Left Arrow Key
                    player.style.left = (position.left - 10) + 'px';
                    break;
                case 38: // Up Arrow Key
                    player.style.top = (position.top - 10) + 'px';
                    break;
                case 39: // Right Arrow Key
                    player.style.left = (position.left + 10) + 'px';
                    break;
                case 40: // Down Arrow Key
                    player.style.top = (position.top + 10) + 'px';
                    break;
            }
            
            // Check if player collected all diamonds
            if (diamondsRemaining === 0) {
                alert('Congratulations! You collected all the diamonds!');
                resetGame();
            }
            
            event.preventDefault();
        });
        
        // Function to check collision between two elements
        function checkCollision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            
            return !(rect1.right < rect2.left || 
                     rect1.left > rect2.right || 
                     rect1.bottom < rect2.top || 
                     rect1.top > rect2.bottom);
        }
        
        // Function to reset the game
        function resetGame() {
            document.getElementById('player').style.top = '100px';
            document.getElementById('player').style.left = '100px';
            diamondsRemaining = 5;
        }
        
        // Game loop for checking collisions with diamonds and police
        setInterval(function() {
            var playerElement = document.getElementById('player');
            var diamonds = document.getElementsByClassName('diamond');
            var policeElement = document.getElementById('police');
            
            // Check for collision with diamonds
            Array.from(diamonds).forEach(function(diamond) {
                if (checkCollision(playerElement, diamond)) {
                    diamond.remove();
                    diamondsRemaining--;
                }
            });
            
            // Check for collision with police
            if (checkCollision(playerElement, policeElement)) {
                alert('Game Over! Police caught you!');
                resetGame();
            }
        }, 100);
    </script>
</body>
</html>
```

In this example, the game is represented by an HTML file that contains pictogram images for the diamonds and police. The player can control the character using arrow keys on their smartphone. The objective of the game is to collect all the diamonds while avoiding being caught by the police. The `diamondsRemaining` variable keeps track of the number of diamonds left to collect, and the game loop checks for collisions between the player, diamonds, and police using the `checkCollision` function. If the player collects all the diamonds, a congratulations message is displayed, and if the player is caught by the police, a game over message is shown. The game can be played by opening the HTML file on a smartphone.