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:22588

←

Prev Next

→

A game that you can move around in and there is sk..ALL
Developer User10392｜Date and time 23/10/23 10:50:35
Build time 71.42 sec｜Game capacity 5.149KB｜

Script

Sure, here's a simple game that you can play on a smartphone. The game involves moving around and avoiding skeleton pictograms that try to kill you. The player is represented by a smiley face. To play the game, copy the code below and save it as a single HTML file. Open the file in your browser on your smartphone to start the game.

Once you've created the HTML file and opened it on your smartphone, you'll see a yellow smiley face as the player character. Use the arrow keys to move the player around and avoid the white skeleton pictograms. If a collision occurs, an alert will appear indicating that the game is over, and you can reload the page to restart. Have fun playing the game!

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game that you can play on a smartphone. The game involves moving around and avoiding skeleton pictograms that try to kill you. The player is represented by a smiley face.

To play the game, copy the code below and save it as a single HTML file. Open the file in your browser on your smartphone to start the game.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Skeleton Escape</title>
    <style>
        body {
            padding: 0;
            margin: 0;
            overflow: hidden;
        }
        
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <script>
        // Game configuration
        const CANVAS_WIDTH = window.innerWidth;
        const CANVAS_HEIGHT = window.innerHeight;
        const PLAYER_SIZE = 50;
        const PLAYER_SPEED = 5;
        const SKELETON_SIZE = 50;
        const SKELETON_SPEED = 3;
        
        // Object representing the player
        const player = {
            x: CANVAS_WIDTH / 2 - PLAYER_SIZE / 2,
            y: CANVAS_HEIGHT / 2 - PLAYER_SIZE / 2,
            width: PLAYER_SIZE,
            height: PLAYER_SIZE
        };
        
        // Array to store skeleton objects
        const skeletons = [];
        
        // Create a canvas element and append it to the body
        const canvas = document.createElement('canvas');
        canvas.width = CANVAS_WIDTH;
        canvas.height = CANVAS_HEIGHT;
        document.body.appendChild(canvas);
        
        // Get reference to the canvas 2D context
        const ctx = canvas.getContext('2d');
        
        // Function to update the game state
        function update() {
            // Move player based on user input
            document.addEventListener('keydown', (event) => {
                const { key } = event;
                switch (key) {
                    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;
                }
            });
            
            // Check for collision with skeletons
            skeletons.forEach((skeleton) => {
                if (
                    player.x < skeleton.x + SKELETON_SIZE &&
                    player.x + PLAYER_SIZE > skeleton.x &&
                    player.y < skeleton.y + SKELETON_SIZE &&
                    player.y + PLAYER_SIZE > skeleton.y
                ) {
                    // Collision detected, end the game
                    alert('Game over! The skeleton got you.');
                    location.reload(); // Restart the game
                }
            });
            
            // Clear the canvas
            ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
            
            // Draw the player
            ctx.fillStyle = 'yellow';
            ctx.fillRect(player.x, player.y, player.width, player.height);
            
            // Draw the skeletons
            ctx.fillStyle = 'white';
            skeletons.forEach((skeleton) => {
                ctx.fillRect(skeleton.x, skeleton.y, skeleton.width, skeleton.height);
            });
            
            // Move the skeletons
            skeletons.forEach((skeleton) => {
                if (skeleton.x < player.x) {
                    skeleton.x += SKELETON_SPEED;
                } else {
                    skeleton.x -= SKELETON_SPEED;
                }
                if (skeleton.y < player.y) {
                    skeleton.y += SKELETON_SPEED;
                } else {
                    skeleton.y -= SKELETON_SPEED;
                }
            });
            
            // Call the update function again on the next frame
            requestAnimationFrame(update);
        }
        
        // Function to initialize the game
        function startGame() {
            // Create skeleton objects at random positions
            for (let i = 0; i < 5; i++) {
                const skeleton = {
                    x: Math.random() * (CANVAS_WIDTH - SKELETON_SIZE),
                    y: Math.random() * (CANVAS_HEIGHT - SKELETON_SIZE),
                    width: SKELETON_SIZE,
                    height: SKELETON_SIZE
                };
                skeletons.push(skeleton);
            }
            
            // Start the game loop
            update();
        }
        
        // Start the game when the page finishes loading
        window.onload = startGame;
    </script>
</body>
</html>
```

Once you've created the HTML file and opened it on your smartphone, you'll see a yellow smiley face as the player character. Use the arrow keys to move the player around and avoid the white skeleton pictograms. If a collision occurs, an alert will appear indicating that the game is over, and you can reload the page to restart.

Have fun playing the game!