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

No:10781

64

Make me a horror game with darkness night like pt
Developer User4633｜Date and time 23/8/3 0:23:53
Build time 36.547 sec｜Game capacity 3.879KB｜

Sure! Here's a simple horror game called "Nightmare Escape" implemented as a single HTML file with JavaScript enclosed in script tags. It features a dark and spooky atmosphere similar to PT. Since you mentioned smartphone operation, the controls are touch-based and pictograms are used for better visualization. Keep in mind that this is a basic implementation and can be expanded for a more immersive experience.

Nightmare Escape

In the code above, we have a simple game screen represented by a div with the id "game-screen". The player's position is controlled by the touch-based buttons `up`, `down`, `left`, and `right`. These buttons are represented by pictograms in the form of background images. When the buttons are pressed, the `movePlayer` function handles the player's movement in the respective direction by updating the CSS properties `top` and `left` of the player element. Please note that this is a basic template for a horror game. You can further extend it by adding interactive elements, puzzles, jumpscares, and more to create a truly terrifying experience reminiscent of PT.

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

Sure! Here's a simple horror game called "Nightmare Escape" implemented as a single HTML file with JavaScript enclosed in script tags. It features a dark and spooky atmosphere similar to PT. Since you mentioned smartphone operation, the controls are touch-based and pictograms are used for better visualization. Keep in mind that this is a basic implementation and can be expanded for a more immersive experience.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Nightmare Escape</title>
  <style>
    body {
      background-color: black;
      text-align: center;
      color: white;
      font-family: Arial, sans-serif;
    }
    
    #game-screen {
      height: 350px;
      width: 350px;
      margin: 50px auto;
      border: 1px solid white;
      background-image: url('dark_room.jpg');
      background-size: cover;
      position: relative;
    }
    
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      background-image: url('player_icon.png');
      background-size: cover;
    }
    
    .action-btn {
      display: inline-block;
      width: 40px;
      height: 40px;
      background-color: transparent;
      border: none;
    }
    
    #up-btn {
      background-image: url('up_icon.png');
      background-size: cover;
    }
    
    #down-btn {
      background-image: url('down_icon.png');
      background-size: cover;
    }
    
    #left-btn {
      background-image: url('left_icon.png');
      background-size: cover;
    }
    
    #right-btn {
      background-image: url('right_icon.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <h1>Nightmare Escape</h1>

<div id="game-screen">
    <div id="player"></div>
  </div>

<div id="controls">
    <button class="action-btn" id="up-btn"></button><br>
    <button class="action-btn" id="left-btn"></button>
    <button class="action-btn" id="down-btn"></button>
    <button class="action-btn" id="right-btn"></button>
  </div>

<script>
    // Game logic
    var player = document.getElementById('player');
    var moveAmount = 20;

function movePlayer(direction) {
      var top = parseInt(player.style.top) || 0;
      var left = parseInt(player.style.left) || 0;

if (direction === 'up') {
        top -= moveAmount;
      } else if (direction === 'down') {
        top += moveAmount;
      } else if (direction === 'left') {
        left -= moveAmount;
      } else if (direction === 'right') {
        left += moveAmount;
      }

player.style.top = top + 'px';
      player.style.left = left + 'px';
    }

// Event listeners
    document.getElementById('up-btn').addEventListener('click', function() { movePlayer('up'); });
    document.getElementById('down-btn').addEventListener('click', function() { movePlayer('down'); });
    document.getElementById('left-btn').addEventListener('click', function() { movePlayer('left'); });
    document.getElementById('right-btn').addEventListener('click', function() { movePlayer('right'); });
  </script>
</body>
</html>
```

In the code above, we have a simple game screen represented by a div with the id "game-screen". The player's position is controlled by the touch-based buttons `up`, `down`, `left`, and `right`. These buttons are represented by pictograms in the form of background images.

When the buttons are pressed, the `movePlayer` function handles the player's movement in the respective direction by updating the CSS properties `top` and `left` of the player element.

Please note that this is a basic template for a horror game. You can further extend it by adding interactive elements, puzzles, jumpscares, and more to create a truly terrifying experience reminiscent of PT.