A game about a kid who gets possessed and his two friends have to save him we play as his friend's game

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

No:24975

←

Prev Next

→

A game about a kid who gets possessed and his two ..ALL
Developer User12046｜Date and time 23/11/15 9:05:44
Build time 94.168 sec｜Game capacity 3.078KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. The game is about a kid who gets possessed, and his two friends have to save him. In the game, you'll play as one of the friends.

To play the game, you can open the HTML file in a web browser on your smartphone. Use the arrow keys to move the friend character (green). The objective is to reach the possessed kid character (red) to save him. Once you rescue the kid, an alert message will appear, and the game will reset. Please note that this is a simple example, and you can enhance the game by adding more features, levels, or graphics as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Rescue the Kid Game</title>
<style>
canvas {
  border: 1px solid #000;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize the game
function gameInit() {
    canvas = document.getElementById("gameCanvas");
    canvasContext = canvas.getContext("2d");
}

// Update game logic
function gameUpdate() {
    if (possessed) {
        // Possessed kid movement logic
        kidX += 2;
    } else {
        // Player (friend) movement logic
        if (isKeyPressed("ArrowUp")) {
            friendY -= 4;
        }
        if (isKeyPressed("ArrowDown")) {
            friendY += 4;
        }
        if (isKeyPressed("ArrowLeft")) {
            friendX -= 4;
        }
        if (isKeyPressed("ArrowRight")) {
            friendX += 4;
        }
    }
    
    // Check if the friend rescued the kid
    if (friendX === kidX && friendY === kidY) {
        alert("You saved the kid!");
        resetGame();
    }
}

// Render game graphics
function gameRender() {
    // Clear the canvas
    canvasContext.clearRect(0, 0, canvas.width, canvas.height);
    
    // Draw the possessed kid
    if (possessed) {
        canvasContext.fillStyle = "red";
    } else {
        canvasContext.fillStyle = "blue";
    }
    canvasContext.fillRect(kidX, kidY, 20, 20);
    
    // Draw the player (friend)
    canvasContext.fillStyle = "green";
    canvasContext.fillRect(friendX, friendY, 20, 20);
}

// Reset the game
function resetGame() {
    kidX = 200;
    kidY = 200;
    possessed = false;
}

// Helper function to check if a key is pressed
function isKeyPressed(key) {
    return keyState[key] === true;
}

// Keyboard event listeners
var keyState = {};
window.addEventListener("keydown", function(e) {
    keyState[e.key] = true;
});
window.addEventListener("keyup", function(e) {
    keyState[e.key] = false;
});

// Game loop
function gameLoop() {
    gameUpdate();
    gameRender();
    requestAnimationFrame(gameLoop);
}

// Start the game
gameInit();
gameLoop();
</script>

</body>
</html>
```

Please note that this is a simple example, and you can enhance the game by adding more features, levels, or graphics as per your requirements.