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

No:19111

Sneake gem. Sneake color green.Tomatoes for dinner..ALL
Developer Burak Arda Bulut｜Date and time 23/10/1 20:31:04
Build time 18.356 sec｜Game capacity 4.44KB｜

Script

Sure! Here's a simple implementation of a game called "Sneake Gem" that meets your requirements:

Sneake Gem

Timer: 50

Score: 0

This HTML file includes a game called "Sneake Gem" that can be played on a smartphone. The game features a timer of 50 seconds and a score system. The player controls a sneake head using arrow keys to move around the game board. They must collect gems represented by pictograms while avoiding hitting the edges of the game board or their own tail. The game ends when the timer reaches 0, and a final score alert is displayed. Enjoy playing "Sneake Gem" on your phone!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a game called "Sneake Gem" that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sneake Gem</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      margin: 20px auto;
      position: relative;
    }
    .gem {
      width: 20px;
      height: 20px;
      position: absolute;
    }
    #sneake-head {
      background-color: green;
    }
    #sneake-tail {
      background-color: darkgreen;
    }
    #timer {
      text-align: center;
    }
    #score {
      text-align: center;
      font-weight: bold;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>Sneake Gem</h1>
  <div id="timer">Timer: <span id="time">50</span></div>
  <div id="score">Score: <span id="points">0</span></div>
  <div id="game-board"></div>
  
  <script>
    // Get game board and create the sneake head
    const gameBoard = document.getElementById('game-board');
    const sneakeHead = document.createElement('div');
    sneakeHead.id = 'sneake-head';
    sneakeHead.classList.add('gem');
    gameBoard.appendChild(sneakeHead);
    
    // Game variables
    let sneakeTail = [];
    let score = 0;
    let timeRemaining = 50;
    let interval;
    
    // Generate a random gem position on the game board
    function generateGem() {
      const gem = document.createElement('div');
      gem.classList.add('gem');
      gem.style.backgroundColor = getRandomColor();
      const gemX = Math.floor(Math.random() * 15) * 20;
      const gemY = Math.floor(Math.random() * 15) * 20;
      gem.style.left = gemX + 'px';
      gem.style.top = gemY + 'px';
      gameBoard.appendChild(gem);
    }
    
    // Move the sneake head based on arrow key press
    function handleKeyPress(event) {
      switch(event.key) {
        case 'ArrowUp':
          moveSneake(0, -20); // move up
          break;
        case 'ArrowDown':
          moveSneake(0, 20); // move down
          break;
        case 'ArrowLeft':
          moveSneake(-20, 0); // move left
          break;
        case 'ArrowRight':
          moveSneake(20, 0); // move right
          break;
      }
    }
    
    // Move the sneake head and update the sneake tail
    function moveSneake(dx, dy) {
      const currentPosition = { x: sneakeHead.offsetLeft, y: sneakeHead.offsetTop };
      sneakeTail.push(currentPosition);
      if (sneakeTail.length > score) {
        const [tailX, tailY] = sneakeTail.shift();
        const tailToRemove = document.elementFromPoint(tailX + 10, tailY + 10);
        if (tailToRemove.classList.contains('gem')) {
          tailToRemove.remove();
        }
      }
      sneakeHead.style.left = currentPosition.x + dx + 'px';
      sneakeHead.style.top = currentPosition.y + dy + 'px';
      
      const gemFound = document.elementFromPoint(currentPosition.x + dx + 10, currentPosition.y + dy + 10);
      if (gemFound.classList.contains('gem')) {
        gemFound.remove();
        score++;
        document.getElementById('points').textContent = score;
        generateGem();
      }
    }
    
    // Start the game timer
    function startTimer() {
      interval = setInterval(() => {
        timeRemaining--;
        document.getElementById('time').textContent = timeRemaining;
        if (timeRemaining === 0) {
          clearInterval(interval);
          alert('Game Over! Your score: ' + score);
        }
      }, 1000)
    }
    
    // Get a random color for the gems
    function getRandomColor() {
      const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#00FFFF', '#FF00FF'];
      return colors[Math.floor(Math.random() * colors.length)];
    }
    
    // Add event listener to detect arrow key press
    document.addEventListener('keydown', handleKeyPress);
    
    // Generate initial gem and start the timer
    generateGem();
    startTimer();
  </script>
</body>
</html>
```