A game that you can move around in and there is skeleton Pictograms that try to k○ll you's game

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

No:22590

←

Prev Next

→

A game that you can move around in and there is sk..ALL
Developer User10392｜Date and time 23/10/23 10:54:44
Build time 82.26 sec｜Game capacity 6.981KB｜

Script

Sure! Here's a simple game implemented as a single HTML file that meets your requirements. Please note that this code provides a basic framework, and you can enhance it further according to your specific game requirements.

This game sets up a game area with a player represented as a white circle (`player`) and multiple skeleton enemies represented as red circles (`skeleton`). The player can be moved using the arrow keys or 'W', 'A', 'S', 'D' keys on a computer or by touch gestures on a smartphone. The goal of the game is to avoid collisions with the skeletons. If the player collides with any skeleton, the game resets. The game continuously generates new skeleton enemies. Feel free to modify and enhance the game further with additional features, levels, scoring, or graphics as desired.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Skeleton Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
      
        #game {
            background-color: #000;
            width: 100%;
            height: 100vh;
            position: relative;
        }
      
        .player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background-color: #fff;
            border-radius: 50%;
        }
      
        .skeleton {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: red;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="game">
        <div class="player"></div>
    </div>

initializeGame();

function initializeGame() {
                gameWidth = gameElement.offsetWidth;
                gameHeight = gameElement.offsetHeight;
                playerX = gameWidth / 2;
                playerY = gameHeight / 2;

// Generate skeleton enemies
                for (let i = 0; i < 5; i++) {
                    const skeleton = document.createElement("div");
                    skeleton.className = "skeleton";
                    placeSkeletonRandomly(skeleton);
                    skeletons.push(skeleton);
                }

// Handle player movement
                document.addEventListener("keydown", handlePlayerMovement);
                document.addEventListener("touchstart", handleTouchStart, false);
                document.addEventListener("touchmove", handleTouchMove, false);
            }

function handlePlayerMovement(event) {
                const key = event.keyCode;
                const moveDistance = 10;

if (key === 37 || key === 65) { // Left Arrow or 'A' key
                    playerX -= moveDistance;
                } else if (key === 38 || key === 87) { // Up Arrow or 'W' key
                    playerY -= moveDistance;
                } else if (key === 39 || key === 68) { // Right Arrow or 'D' key
                    playerX += moveDistance;
                } else if (key === 40 || key === 83) { // Down Arrow or 'S' key
                    playerY += moveDistance;
                }

updatePlayerPosition();
                checkCollisions();
            }

function handleTouchStart(event) {
                if (event.targetTouches.length === 1) {
                    const touch = event.targetTouches[0];
                    initialTouchX = touch.clientX;
                    initialTouchY = touch.clientY;
                }
            }

function handleTouchMove(event) {
                event.preventDefault();

if (event.targetTouches.length === 1) {
                    const touch = event.targetTouches[0];
                    const moveDistance = 10;

playerX += (touch.clientX - initialTouchX) / moveDistance;
                    playerY += (touch.clientY - initialTouchY) / moveDistance;

initialTouchX = touch.clientX;
                    initialTouchY = touch.clientY;

updatePlayerPosition();
                    checkCollisions();
                }
            }

function updatePlayerPosition() {
                const playerSize = playerElement.offsetWidth;

// Ensure the player stays within the game boundaries
                playerX = Math.max(0, Math.min(playerX, gameWidth - playerSize));
                playerY = Math.max(0, Math.min(playerY, gameHeight - playerSize));

playerElement.style.left = playerX + "px";
                playerElement.style.top = playerY + "px";
            }

function placeSkeletonRandomly(skeleton) {
                const skeletonSize = skeleton.offsetWidth;
                const xPos = Math.floor(Math.random() * (gameWidth - skeletonSize));
                const yPos = Math.floor(Math.random() * (gameHeight - skeletonSize));

skeleton.style.left = xPos + "px";
                skeleton.style.top = yPos + "px";
                gameElement.appendChild(skeleton);
            }

function checkCollisions() {
                const playerRect = playerElement.getBoundingClientRect();
                const playerCenterX = playerRect.left + playerRect.width / 2;
                const playerCenterY = playerRect.top + playerRect.height / 2;

skeletons.forEach((skeleton) => {
                    const skeletonRect = skeleton.getBoundingClientRect();
                    const skeletonCenterX = skeletonRect.left + skeletonRect.width / 2;
                    const skeletonCenterY = skeletonRect.top + skeletonRect.height / 2;

const distance = Math.sqrt((playerCenterX - skeletonCenterX) ** 2 + (playerCenterY - skeletonCenterY) ** 2);

if (distance <= (playerRect.width + skeletonRect.width) / 2) {
                        // Collision occurred!
                        resetGame();
                    }
                });
            }

function resetGame() {
                skeletons.forEach((skeleton) => {
                    skeleton.remove();
                });
                skeletons = [];
                initializeGame();
            }
        });
    </script>
</body>
</html>
```

The goal of the game is to avoid collisions with the skeletons. If the player collides with any skeleton, the game resets. The game continuously generates new skeleton enemies.

Feel free to modify and enhance the game further with additional features, levels, scoring, or graphics as desired.