AI game creator

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

No:17077

←

Prev Next

→

Make a horror game
Developer User7576｜Date and time 23/9/22 7:46:06
Build time 19.977 sec｜Game capacity 2.987KB｜

Script

Sure! Here's a simple horror game implemented as a single HTML file with JavaScript using pictograms:

Please note that you need to replace `'emozi_all/player.png'` and `'emozi_all/ghost.png'` in the code with the actual image paths of your pictograms (player and ghost) for them to be displayed properly. You can adjust the canvas size and player/ghost dimensions to fit your requirements. This is a simple starting point for a horror game. You can add more features, levels, and logic to make it scarier and more engaging.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a simple horror game implemented as a single HTML file with JavaScript using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Horror Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Pictogram images
        const playerImg = document.createElement('img');
        playerImg.src = 'player.png';
        const ghostImg = document.createElement('img');
        ghostImg.src = 'ghost.png';

// Game objects
        class GameObject {
            constructor(x, y, width, height, image) {
                this.x = x;
                this.y = y;
                this.width = width;
                this.height = height;
                this.image = image;
            }

draw() {
                context.drawImage(this.image, this.x, this.y, this.width, this.height);
            }

update() {
                // Implement object update logic here
            }
        }

// Game initialization
        function startGame() {
            canvas = document.getElementById('gameCanvas');
            context = canvas.getContext('2d');
            
            player = new GameObject(50, 50, 32, 32, playerImg);
            ghost = new GameObject(200, 200, 32, 32, ghostImg);

gameStarted = true;
            draw();
        }

// Game loop
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

player.draw();
            ghost.draw();

if(gameStarted) {
                requestAnimationFrame(draw);
            }
        }

// Event listeners for smartphone controls
        document.addEventListener('touchstart', handleTouchStart, false);
        document.addEventListener('touchend', handleTouchEnd, false);

let touchX, touchY;

function handleTouchStart(event) {
            event.preventDefault();
            const touch = event.touches[0];
            touchX = touch.clientX;
            touchY = touch.clientY;
        }

function handleTouchEnd(event) {
            event.preventDefault();
            const touch = event.changedTouches[0];
            const diffX = touch.clientX - touchX;
            const diffY = touch.clientY - touchY;

// Implement movement logic based on diffX and diffY here
        }

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

Please note that you need to replace `'player.png'` and `'ghost.png'` in the code with the actual image paths of your pictograms (player and ghost) for them to be displayed properly. You can adjust the canvas size and player/ghost dimensions to fit your requirements.

This is a simple starting point for a horror game. You can add more features, levels, and logic to make it scarier and more engaging.