Scary Automatic k○lling snakes to win's game

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

No:24001

←

Prev Next

→

Scary Automatic k○lling snakes to win
Developer User11237｜Date and time 23/11/5 2:34:09
Build time 146.577 sec｜Game capacity 3.665KB｜

Script

Sure, here's a simple game where you play as a character trying to avoid deadly snakes. The aim is to survive for as long as possible without getting caught by the snakes. The game is designed for smartphone operation and will use pictograms to represent the elements. The game will be implemented as a single HTML file enclosed in script tags. Here's an example implementation:

In this game, the white box represents the game area, the black box represents the player, and the red box represents the snake. You can control the player by touching the game area on your smartphone screen. The player will move left or right based on your touch input, and the snake will continuously descend towards the player. If the player collides with the snake, the game will end, and your score will be shown in an alert dialog. You can then restart the game by tapping or refreshing the page. The longer you survive without getting caught, the higher your score will be.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Here's an example implementation:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Scary Automatic Killing Snakes</title>
    <style>
      /* Styling for the game */
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #f4f4f4;
        font-family: Arial, sans-serif;
      }
      
      #gameCanvas {
        width: 200px;
        height: 200px;
        background-color: #fff;
        border: 2px solid #000;
        position: relative;
        overflow: hidden;
      }
      
      #player {
        width: 40px;
        height: 40px;
        background-color: #000;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      
      #snake {
        width: 40px;
        height: 40px;
        background-color: #ff0000;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
      }
    </style>
  </head>
  <body>
    <div id="gameCanvas">
      <div id="player"></div>
      <div id="snake"></div>
    </div>
    
    <script>
      // Game logic
      var gameCanvas = document.getElementById('gameCanvas');
      var player = document.getElementById('player');
      var snake = document.getElementById('snake');
      var score = 0;
      
      function movePlayer(event) {
        // Move the player left or right based on touch event
        var touchX = event.changedTouches[0].clientX;
        var centerX = gameCanvas.offsetLeft + gameCanvas.offsetWidth / 2;
        if (touchX < centerX) {
          player.style.transform = 'translateX(-70px)';
        } else {
          player.style.transform = 'translateX(70px)';
        }
        
        checkCollision();
      }
      
      function checkCollision() {
        // Check if the player collides with the snake
        var playerRect = player.getBoundingClientRect();
        var snakeRect = snake.getBoundingClientRect();
        if (playerRect.top <= snakeRect.bottom && playerRect.right >= snakeRect.left && 
            playerRect.bottom >= snakeRect.top && playerRect.left <= snakeRect.right) {
          alert('Game Over! Score: ' + score);
          resetGame();
        }
      }
      
      function resetGame() {
        // Reset the game state
        score = 0;
        player.style.transform = 'translateX(-50%)';
      }
      
      gameCanvas.addEventListener('touchmove', movePlayer);
      
      setInterval(function() {
        // Move the snake downwards at regular intervals
        snake.style.top = parseInt(snake.style.top || 0) + 10 + 'px';
        score++;
      }, 500);
    </script>
  </body>
</html>
```