Create a stealth game set in a futuristic city where you are a virus who can possess cyborg humans to blend into the crowd and hide from people trying to delete you.'s game

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

No:35336

←

Prev Next

→

Create a stealth game set in a futuristic city whe..ALL
Developer User16516｜Date and time 24/1/14 4:32:19
Build time 18.046 sec｜Game capacity 5.635KB｜

Script

Sure, here's an example of a simple stealth game implemented as a single HTML file using JavaScript:

Score: 0

In this game, you control a red square (representing the virus) using touch or mouse input to move around the screen and try to "possess" green squares (representing cyborgs) by colliding with them. When you possess a cyborg, your red square changes color to match the cyborg, allowing you to hide from other cyborgs. However, you cannot hide from the yellow square (representing people trying to delete you, i.e., antivirus programs). If you collide with the yellow square, the game ends. The score is displayed at the top right corner of the screen, showing the number of successfully possessed cyborgs.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure, here's an example of a simple stealth game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Stealth Virus Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        #game-container {
            width: 100vw;
            height: 100vh;
            background-color: #000;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: #ff0000;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
        }
        .cyborg {
            width: 30px;
            height: 30px;
            background-color: #00ff00;
            position: absolute;
            z-index: 1;
        }
        #virus {
            width: 30px;
            height: 30px;
            background-color: #ffff00;
            position: absolute;
            z-index: 5;
        }
        #score {
            position: fixed;
            top: 10px;
            right: 10px;
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="virus"></div>
        <div id="score">Score: 0</div>
    </div>

// Initialize game variables
        let score = 0;
        let isHidden = false;

// Move player on touch or click
        document.addEventListener('touchstart', handleTouch);
        document.addEventListener('mousedown', handleTouch);
        
        function handleTouch(event) {
            event.preventDefault();
            const touchX = event.touches ? event.touches[0].clientX : event.clientX;
            const touchY = event.touches ? event.touches[0].clientY : event.clientY;
            movePlayer(touchX, touchY);
        }

// Move the player to the given coordinates
        function movePlayer(x, y) {
            player.style.left = x - (player.offsetWidth / 2) + 'px';
            player.style.top = y - (player.offsetHeight / 2) + 'px';
        }

// Possess a cyborg
        function possessCyborg(cyborg) {
            if (isHidden) return;
            
            player.style.backgroundColor = cyborg.style.backgroundColor;
            player.style.boxShadow = 'none';
            isHidden = true;
            
            cyborg.parentNode.removeChild(cyborg);
            score++;
            scoreDisplay.textContent = 'Score: ' + score;
        }

// Check for collision between player and cyborgs
        function checkCollision() {
            const cyborgs = document.getElementsByClassName('cyborg');
            for (let i = 0; i < cyborgs.length; i++) {
                const cyborg = cyborgs[i];
                const playerRect = player.getBoundingClientRect();
                const cyborgRect = cyborg.getBoundingClientRect();
                
                if (playerRect.top < cyborgRect.bottom && playerRect.bottom > cyborgRect.top &&
                    playerRect.left < cyborgRect.right && playerRect.right > cyborgRect.left) {
                    possessCyborg(cyborg);
                    break; // Stop checking for further collisions once possessed a cyborg
                }
            }
        }
        
        // Generate random cyborgs
        function generateCyborgs() {
            const cyborg = document.createElement('div');
            cyborg.classList.add('cyborg');
            const randomX = Math.floor(Math.random() * (window.innerWidth - cyborg.offsetWidth));
            const randomY = Math.floor(Math.random() * (window.innerHeight - cyborg.offsetHeight));
            cyborg.style.left = randomX + 'px';
            cyborg.style.top = randomY + 'px';
            document.body.append(cyborg);
            
            setTimeout(generateCyborgs, 2000); // Generate new cyborgs every 2 seconds
        }

// Move the virus randomly on the screen
        function moveVirus() {
            const randomX = Math.floor(Math.random() * (window.innerWidth - virus.offsetWidth));
            const randomY = Math.floor(Math.random() * (window.innerHeight - virus.offsetHeight));
            virus.style.left = randomX + 'px';
            virus.style.top = randomY + 'px';
        }

// Start the game
        function startGame() {
            generateCyborgs();
            setInterval(checkCollision, 100); // Check collisions every 100 milliseconds
            setInterval(moveVirus, 2000); // Move virus every 2 seconds
        }

startGame(); // Start the game
    </script>
</body>
</html>
```

The score is displayed at the top right corner of the screen, showing the number of successfully possessed cyborgs.