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

No:24785

128

←

Prev Next

→

A game where you have to collect 5 keys before 1 m..ALL
Developer User6337｜Date and time 23/11/12 4:06:31
Build time 109.436 sec｜Game capacity 4.555KB｜

Script

Sure! Here's a simple game where you have to collect five keys before one minute, while avoiding getting caught by a monster. The game is designed for smartphone operation and uses pictograms.

Key Collector Game

To play the game, simply save the code above in a single HTML file (e.g., "key_collector_game.html") and open it in your web browser. The game will start automatically, and you can use the arrow keys on your keyboard to move the player around and collect keys. Avoid getting caught by the monster!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game where you have to collect five keys before one minute, while avoiding getting caught by a monster. The game is designed for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Key Collector Game</title>
</head>
<body style="text-align: center; font-family: Arial;">
    <h1>Key Collector Game</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Game variables
        var canvas;
        var canvasContext;
        var player;
        var keysCollected;
        var remainingTime;
        var monster;
        var gameInterval;

// Set up the game
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            player = { x: canvas.width / 2, y: canvas.height / 2, size: 20, speed: 5 };
            keysCollected = 0;
            remainingTime = 60;
            monster = { x: Math.random() * canvas.width, y: Math.random() * canvas.height, size: 30, speed: 3 };

document.addEventListener("keydown", handleKeyDown);
            gameInterval = setInterval(update, 1000 / 60);

setTimeout(endGame, 60000); // End the game after one minute
        }

// Handle player movement
        function handleKeyDown(event) {
            var keyPressed = event.key;
            switch (keyPressed) {
                case "ArrowUp":
                    player.y -= player.speed;
                    break;
                case "ArrowDown":
                    player.y += player.speed;
                    break;
                case "ArrowLeft":
                    player.x -= player.speed;
                    break;
                case "ArrowRight":
                    player.x += player.speed;
                    break;
            }
        }

// Update game state
        function update() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            canvasContext.fillStyle = "blue";
            canvasContext.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);

// Draw monster
            canvasContext.fillStyle = "red";
            canvasContext.fillRect(monster.x - monster.size / 2, monster.y - monster.size / 2, monster.size, monster.size);

// Draw remaining time
            canvasContext.fillStyle = "black";
            canvasContext.font = "20px Arial";
            canvasContext.fillText("Time: " + remainingTime, 10, 20);

// Check collision with keys
            if (keysCollected < 5) {
                var distanceToPlayer = Math.sqrt(Math.pow(player.x - monster.x, 2) + Math.pow(player.y - monster.y, 2));
                if (distanceToPlayer < monster.size / 2 + player.size / 2) {
                    endGame();
                    return;
                }
            }

// Check collision with monster
            var distanceToKeys = Math.sqrt(Math.pow(player.x - monster.x, 2) + Math.pow(player.y - monster.y, 2));
            if (distanceToKeys < monster.size / 2 + player.size / 2) {
                monster.x = Math.random() * canvas.width;
                monster.y = Math.random() * canvas.height;
                keysCollected++;

// Play a sound or show a visual effect for collecting a key
            }
        }

// End the game and show the result
        function endGame() {
            clearInterval(gameInterval);
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            
            canvasContext.fillStyle = "black";
            canvasContext.font = "30px Arial";
            canvasContext.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);

canvasContext.fillStyle = "black";
            canvasContext.font = "20px Arial";
            canvasContext.fillText("Keys Collected: " + keysCollected, canvas.width / 2 - 95, canvas.height / 2 + 30);
        }

// Start the game when page is loaded
        window.onload = function() {
            setTimeout(startGame, 100);
        };
    </script>
</body>
</html>
```